Ext.js项目
Edith.Liu
这个作者很懒,什么都没留下…
展开
-
搜索过的问题集合(主要是Ext.js5)
用Excel做了每一日的工作总结,搜索到了什么问题,学习到了什么方法。积累了很多。公司在来年会用winform开发,用C#写。这不是我的技术方向,所以开年后我会去往北京。这些链接做一个整理。 我很舍不得这个公司,我是个新手,没有编程的基础,专业也不和计算机相关。我从入职的第一天开始就想要发挥自己的能力。我拼命的做,但是总不能得到自己的满意。因为我在这个公司实在学习到了太多的东西,我只是希望我的付出原创 2016-02-01 11:58:17 · 976 阅读 · 1 评论 -
Ext.js5小鲱鱼域(表单域)(39)
/** * Shows how the Slider control can be used in a form and participate like a form field. * 展示在一个表单里如何添加使用滑块控制,就像一个表单字段一样 */Ext.define('KitchenSink.view.form.SliderField', { extend: 'Ext.form翻译 2015-12-21 11:21:29 · 440 阅读 · 0 评论 -
Ext.js5(表单)的容器(表单load测试数据)(表单填写的数据的保存)(vtype)(combineErrors)(插入())(文本框的布局)(36)
view/** * The FieldContainer\'s child items are arranged like in any other container, using the * layout configuration property. In this example, each FieldContainer is set to use an * HBox layout.翻译 2015-12-21 10:08:20 · 793 阅读 · 0 评论 -
Ext.js5(radio group布局能力)(38)
view/** * This example demonstrates the flexible layout capabilities of the RadioGroup class. * It also shows that you can validate radios as a group - try submitting the form before * changing any翻译 2015-12-21 11:10:34 · 509 阅读 · 0 评论 -
Ext.js5(验证)(CheckboxGroup 类的布局能力)(37)
view/** * This example demonstrates the flexible layout capabilities of the CheckboxGroup class. * 这个例子演示了CheckboxGroup 类灵活的布局能力 * It also shows that you can validate checkboxes as a group - try sub翻译 2015-12-21 11:00:26 · 1028 阅读 · 0 评论 -
Ext.js各种表单类型的集合(35)
/** * This example shows examples of the various supported form field types. * 这个例子展示的是不同的表单类型 */Ext.define('KitchenSink.view.form.FieldTypes', { extend: 'Ext.form.Panel', xtype: 'form-fiel翻译 2015-12-21 09:38:10 · 658 阅读 · 0 评论 -
Ext.js5(弹出搜索表单)(给一个面板添加数据)(34)
/** * This example shows how to use the "multiselector" component to build a selection of * records from a larger set. The "multiselector" is basically a Grid component with a * popup search form.翻译 2015-12-21 09:17:30 · 713 阅读 · 0 评论 -
Ext.js5表单文本—标签文本(33)
View/** * This example shows how to use the "tagfield" multi-value selector. * 这个例子展示了怎么去使用tagfield来进行多值选择 */Ext.define('KitchenSink.view.form.Tag', { extend: 'Ext.panel.Panel', xtype: 'for翻译 2015-12-20 15:10:25 · 688 阅读 · 0 评论 -
Ext.js5含网格的表单(并且点击网格的时候,信息会传递到表单中,包括Radio的值)(32)
view/** * This Form demonstrates the fact that by virtue of inheriting from the Ext.Container * class, an Ext.form.Panel can contain any Ext.Component. * 这个表单演示了因为继承了Ext.Container类, Ext.form.Panel可翻译 2015-12-20 14:53:05 · 370 阅读 · 0 评论 -
Ext.js5文本域的自我复制(fieldreplicator插件)(31)
/** * This example illustrates the use of plugins to alter the default behaviour of Components. * The <b>Send To</b> field clones itself until the final one is left blank to allow * multiple mail re翻译 2015-12-20 14:32:13 · 549 阅读 · 0 评论 -
Ext.js5表单的文件上传(toast)(30)
view/** * This example demonstrates use of Ext.form.field.File, a file upload field with custom * rendering, and error handling. * 文件上传,自定义字段呈现和错误处理 */Ext.define('KitchenSink.view.form.FileUploads翻译 2015-12-20 14:22:29 · 1282 阅读 · 0 评论 -
Ext.js5(加载本地数据)(自定义模板完成自定义UI)(29)
view/** * This example illustrates a combo box which loads data from a local array * and uses a custom item template. * 这个例子演示了组合框从本地数组加载数据,并使用了一个自定义的模板 */Ext.define('KitchenSink.view.form.combobo翻译 2015-12-20 14:05:32 · 552 阅读 · 0 评论 -
Ext.js5(自定义的下拉列表模板)(从服务器加载数据)(28)
view/** * This example illustrates a combo box which loads the data source from a server * but queries the local result set. It uses a custom item template for the dropdown list. * 这个例子模拟了下拉框从服务器加载数翻译 2015-12-20 13:59:27 · 926 阅读 · 0 评论 -
Ext.js5下拉单选框—查询远程数据(27)
view/** * This example illustrates a combo box which querys a remote data source. * 这个例子用来模拟下拉框查找远程数据资源 */Ext.define('KitchenSink.view.form.combobox.RemoteQuery', { extend: 'Ext.form.Panel',翻译 2015-12-20 13:53:36 · 503 阅读 · 0 评论 -
Ext.js5下拉框—简单下拉框(publishes)(26)
view/** * This example illustrates a combo box which loads data from a local array. * 这个例子模拟了加载本地数据的下拉选择框 */Ext.define('KitchenSink.view.form.combobox.Simple', { extend: 'Ext.form.Panel', x翻译 2015-12-20 13:47:20 · 1399 阅读 · 0 评论 -
Ext.js5表单—登录表单(40)
/** * Demonstrates a simple login form. * 演示一个简单的登录表 */Ext.define('KitchenSink.view.form.LoginForm', { extend: 'Ext.form.Panel', xtype: 'form-login', title: 'Login', frame:true,翻译 2015-12-21 11:25:08 · 419 阅读 · 0 评论 -
Ext.js5表单—请联系我们(41)
view/** * This shows an example of a common "Contact Us" form in a popup window. The form uses * vbox and hbox layouts to achieve a uniform flexible layout even when the window is * resized. *这个例子翻译 2015-12-21 11:52:19 · 453 阅读 · 0 评论 -
Ext.js 古怪的问题(表单布局崩溃)
在表单里需要监听beforerender的事件添加模板,但是会报错,很古怪:Uncaught TypeError: Cannot read property ‘parentNode’ of null猜测是render事件对表单布局做出了影响,不过仅限于稍微复杂点的表单,解决办法items: [{ listeners: {原创 2016-01-20 10:41:39 · 813 阅读 · 0 评论 -
Ext.js5树—展开的树和不展开的树(apply和applyIf)(55)
/** * This example shows basic drag and drop node moving in a tree. In this implementation * there are no restrictions and anything can be dropped anywhere except appending to nodes * marked "leaf"翻译 2015-12-22 17:27:51 · 892 阅读 · 0 评论 -
Ext.js5树—基本树(54)
view/** * This example demonstrates basic tree configuration. * 这个例子展示了树的配置 */Ext.define('KitchenSink.view.tree.BasicTrees', { extend: 'Ext.Container', xtype: 'basic-trees', width: 640,翻译 2015-12-22 16:08:29 · 427 阅读 · 1 评论 -
Ext.js5表单—(自定义错误信息)(formBind)(53)
View/** * This example shows a common site registration form. The form appears to be simple but * it shows a few special things: * 这个例子展示了一个普通的页面登录表单,这个表单看起来很简单但是他展示了一些比较特别的事儿: * - The display of f翻译 2015-12-22 14:57:56 · 1845 阅读 · 0 评论 -
Ext.js5表单—即时查询(结合Ext.Template和远程数据)(52)
/** * This is a more advanced example that shows how you can combine Ext.Template and a * remote data store to create a "live search" feature. Try searching for terms like * "form", or "grid". *这里例翻译 2015-12-22 14:34:45 · 676 阅读 · 0 评论 -
Ext.js5表单—(triggers触发器)(baseCSSPrefix)(specialkey)利用Ext.js提供的框架创建自己的表单(查询表单)(51)
view/** * Ext JS provides many types of form fields to build interactive and rich forms. However, * it also provides a complete framework for building new types of fields 'quickly. The * search fiel翻译 2015-12-22 11:42:02 · 2876 阅读 · 0 评论 -
Ext.js5表单—验证vtype扩展(时间段以及密码确认)(50)
view/** * Advanced validation examples using VTypes * 对于Vtypes验证例子的扩展 */Ext.define('KitchenSink.view.form.AdvancedVTypes', { extend: 'Ext.container.Container', xtype: 'form-advtypes', c翻译 2015-12-22 09:45:34 · 565 阅读 · 0 评论 -
Ext.js5表单—有真实的load,submit行为的表单(reader在json.xml中record的区别)(49)
view/** * This is a very simple example of using XML for load and submit of data with an Ext * dynamic form. * 这是一个非常简单的例子,使用XML来加载表单数据和提交表单数据 */Ext.define('KitchenSink.view.form.XmlForm', {翻译 2015-12-21 18:20:07 · 933 阅读 · 0 评论 -
Ext.js5表格—多列的表格(比fieldcontainer布局效率很多)(48)
/** * Demonstrates a simple contact form. * 示例一个简单的联系表格 */Ext.define('KitchenSink.view.form.MultiColumn', { extend: 'Ext.form.Panel', xtype: 'form-multicolumn', title: 'Multi Column For翻译 2015-12-21 17:16:39 · 815 阅读 · 0 评论 -
Ext.js5表单—(在mousedown的时候就进行验证)(并且显示错误信息的时候样式会自动变化)hbox的布局(47)
/** * In the following example, the space needed for the email validation error message is * taken automatically from the field size when needed. The mousedown event is being used * for validation f翻译 2015-12-21 17:13:06 · 508 阅读 · 0 评论 -
Ext.js表单—Vbox布局(46)
/** * This example shows how to use vbox layout with Ext JS Forms. * 怎么用vbox布局表单 */Ext.define('KitchenSink.view.form.VBoxLayoutForm', { extend: 'Ext.window.Window', xtype: 'form-vboxlayout'翻译 2015-12-21 17:02:12 · 532 阅读 · 0 评论 -
Ext.js5表单,表格—(等级,评级)小部件(45)
view/** * Demonstrates the rating widget in a form and grid column. * 在表和网格中使用rating widget */Ext.define('KitchenSink.view.form.RatingForm', { extend: 'Ext.panel.Panel', xtype: 'form-rating翻译 2015-12-21 16:30:18 · 611 阅读 · 0 评论 -
Ext.js5表单—购物车付款表(表单绑值copy)( listConfig)(43)
view/** * This shows an example of a common shopping cart checkout form. It demonstrates uses * of FieldContainer and various layouts for arranging and aligning fields, ComboBox * fields for state a翻译 2015-12-21 14:56:30 · 1825 阅读 · 0 评论 -
Ext.js5表单—注册表单(42)
view/** * Demonstrates a simple registration form. * 展示了一个简单的注册表单 */Ext.define('KitchenSink.view.form.RegisterForm', { extend: 'Ext.form.Panel', xtype: 'form-register', frame: true,翻译 2015-12-21 13:53:28 · 569 阅读 · 0 评论 -
Ext.js5日历和月历(25)
/** * This example shows how to use the date/month pickers. * 没啥好说的,看代码,看官方例子,就懂了 */Ext.define('KitchenSink.view.form.Date', { extend: 'Ext.container.Container', xtype: 'form-date', lay翻译 2015-12-20 11:39:57 · 485 阅读 · 0 评论 -
Ext.js5表单文本—数字(24)
view/** * This example shows how to use the number field. * 这个例子就是说怎么使用数字文本 */Ext.define('KitchenSink.view.form.Number', { extend: 'Ext.form.Panel',//注意哦,之前的表格都是继承的Ext.grid.Panel xtype: 'fo翻译 2015-12-20 11:37:11 · 398 阅读 · 0 评论 -
Ext.js5(关联数据插件)(SubTable)(23)
view/** * This example uses the `Ext.grid.plugin.SubTable` plugin to display associated records * 使用Ext.grid.plugin.SubTable插件来显示关联数据 * in tabular form below grid rows. The plugin is configured with翻译 2015-12-20 11:14:04 · 1897 阅读 · 2 评论 -
Ext.js5的列冻结(5)
代码来自:Ext.js5资源包 view/** * This example shows how to achieve "freeze pane" locking functionality similar to Excel. *这里例子展示怎么冻结列。看了一下与arry grid的例子里的store和model没有任何变化,所以高大上的冻结功能只需要几个属性就搞定了。Ext.js真心强大。翻译 2015-12-18 10:27:50 · 1421 阅读 · 0 评论 -
Ext.js5的分组表格(4)
代码来源:Ext.js5资源包/** * 这个例子是说明怎么使用表格的分组功能的,再一次用到了store.model,多整几次 */Ext.define('KitchenSink.view.grid.GroupedGrid', { extend: 'Ext.grid.Panel', xtype: 'grouped-grid', //用到了features属性,这个要参考翻译 2015-12-18 10:09:47 · 646 阅读 · 0 评论 -
Ext.js5的数组表格(3)
1、数组表格,这是我第一次接触到使用Store和Model(理论的概念介绍请看层级结构文章) viewExt.define('KitchenSink.view.grid.ArrayGrid', { extend: 'Ext.grid.Panel',//当我要做表格的时候我可以继承这个类(类什么的我还不太清楚20151217) requires: [ 'Ext.gri翻译 2015-12-17 18:34:21 · 589 阅读 · 0 评论 -
Ext.js5的面板(2)
详细的代码:就是Ext.js5资源包 1、面板的折叠 { title: 'Tools', collapsed: true, collapsible: true, width: 640, html: KitchenSink.DummyTex翻译 2015-12-17 11:24:27 · 696 阅读 · 0 评论 -
Ext.js5引用和引用持有者(1)
1、referenceHolder :布尔值 如果是true,这个容器会在层次结构中被标记为一个点,给项目建立一个引用配置。如果有控制器管理,这个容器会自动变成referenceHolder (参考/引用持有者),更详细的内容得看Ext.container.Container。 默认设置为true 2、reference(来自Ext.container.Container中的介绍) Refe原创 2015-12-16 10:15:54 · 1774 阅读 · 0 评论 -
Ext.js问题重现整理(2)(triggerCls及其他)
1、今天遇到了两个属性 Ext.suspendLayouts、Ext.resumeLayouts。用来协调多个组件和容器的更新。例如,要迅速增加两个组件到两个连续容器,会导致多个布局和渲染操作被执行。如果在添加这些组件之前调用Ext.suspendLayouts方法,将不再单独执行个别组件的布局操作。添加完成后,调用Ext.resumeLayouts方法,框架将只执行一次渲染和布局操作。谨记,不原创 2015-12-09 18:13:38 · 2350 阅读 · 0 评论