ExtJS
文章平均质量分 93
luyingxue
这个作者很懒,什么都没留下…
展开
-
ExtJS 4 组件化编程,动态加载,面向对象,Direct
<br /> <br />ExtJS4终于出了正式版,体验一下面官方推荐的向对象编程最佳实践<br />过去的做法是new对象或者Ext.create一个对象,每个对象都要先实例化才能使用<br />ExtJS4推荐定义类的时候均使用Ext.define,利用xtype动态加载<br />修改了以前的一个登陆窗口,感觉用官方推荐的方法还是很不错的<br />但还有一些问题没有想得非常清楚,先把代码贴出来一起研究下。请看代码中的注释~~<br />使用Ext+.Net,用Direct模式传递数据<br />D原创 2011-05-14 09:04:00 · 767 阅读 · 0 评论 -
磨刀不误砍柴工:Ext4核心组件Grid的变化及学习(2):数据列的基本操作
今天讨论数据列的操作。 通常情况下(如上一篇的例子,不进行特殊设置),每个数据列都支持数据排序,单击数据列header会在ASC和DESC之间切换;数据列header可以拖动前后顺序;数据列可以设置显示或者隐藏。每个数据列还有dropdown菜单,如下: 我们改变一下原始例子的columns参数看看: Ext.create('Ext.grid.Panel', { title: 'Simpsons', store: new simpsonsStore,原创 2011-05-30 12:25:00 · 1686 阅读 · 2 评论 -
磨刀不误砍柴工:Ext4核心组件Grid的变化及学习(1)
不得不再感叹一句,ext4(以下简称4系)的变化真的太大了,ext3的代码要升级成ext4真的不是件容易的事情。无论在基类的设置、各个类参数和方法,前后台参数的传递方面都有很大改变。按官方说法:“这次升级Ext 4全部重写了Grid组件。显然,诸多理由和原因迫使我们升级Grid,但Ext 4 Grid向后兼容方面真的很难顾全。” 本来想逐个问题进行说明,后来发现4系实在是根本性的改变,grid组件又是ext中最常用、最实用的组件,也是其亮点所在,所以还是从头开始比较现实一点。 从今天开始,结合官方文档、原创 2011-05-30 01:58:00 · 1156 阅读 · 0 评论 -
Ext.data.DirectStore中DirectAction的回调函数问题
一个小问题,但是困扰了我很久…… 要完成这样一个功能,在grid里面编辑数据,自动sync后根据服务器端返回的信息进行操作:去掉dirty标志、恢复原值、弹出提示框== store这样设置: Ext.create('Ext.data.DirectStore', { model: 'File', storeId: 'filesStore', autoLoad: true, autoSync: true, remoteSort: true, ap原创 2011-06-01 17:42:00 · 1396 阅读 · 0 评论 -
磨刀不误砍柴工:Ext4核心组件Grid的变化及学习(3):可编辑的grid
我们依然拿旧版对比一下。Ext 3里面要编辑Grid单元格,就必须制定EditorGrid类。通过继承方式可能不太灵活,于是Ext 4就否决了继承的方式,而是采用“插件化”的方式。通过Ext JS4的Editing插件可以自由绑定到任意的Grid的实例,对于全体任何类型的Grid均可使用。于是乎,此举又为提高“灵活性(flexibility)”添泼了一抹浓彩。此外,对于Ext 3中很受大家所欢迎的一款扩展:RowEditor,在这次发布我们也将RowEditor正式加入的Ext 4包中去,成为标准类库的一员原创 2011-06-01 01:15:00 · 1461 阅读 · 3 评论 -
Ext4核心组件Grid的变化及学习(4):grid与服务端使用direct进行数据交互
大部分grid的数据都是要提交到后台服务端的,现在一种比较好用的方式就是direct。今天介绍一下这种交互方式的实现。 例子如下: sqlserver数据库中两张表通过外键关联: 文件信息FileInfo 文件类别FileClass 需要做出的效果如下: 显示 下拉框修改 修改之后自动上传 1、服务端添加Ext.Direct.dll和Newtonsoft.Json.dll的引用 2、处理文件数据的类FileAction.cs,注意最后一个Update方法 using原创 2011-06-01 18:34:00 · 1825 阅读 · 1 评论 -
Ext4 Grid中点击按钮使用rowedit新建记录+取消删除新建的记录
预期效果如下: 1、点击“新文件按钮”新增一条默认记录 2、点击update写入数据库,清空dirty标记,并将返回的id写入store 3、点击cancel删除新增的记录 需要注意一下几点: 1、新增的记录是采用phantom属性标记的,phantom==true为未上传记录,点击cancel时删除 2、rowedit未提供cancel按钮事件,需要覆盖cancelEdit()函原创 2011-06-05 22:40:00 · 2228 阅读 · 0 评论