天天看点

Ext Js简单Grid分页及选择器的使用Ext Js简单Grid分页及选择器的使用

1.Ext Js的GridPanel的分页处理

对于数据处理的组件GridPanel可能会用到它的分页处理功能,对于GridPanel的分页处理需要加上Ext.PagingToolbar对象来对数据进行分页处理。

Ext Js的前台代码:

(对于GridPanel的分页处理,还添加了对于数据的增、删、改操作,这次的添加、修改操作是使用的Window弹出框处理的,加载一条记录,提交表单保存一条记录;删除操作还是上篇的删除代码,没有修改;又增加了对于一条记录的上移、下移操作,是将一条选中的记录取出来,获取其索引,然后删除该记录,在指定位置(上移一条记录或下移一条记录)插入该记录。对于后台的相应还是前一篇文章的.ashx文件,对应与GetPagingData\SaveSingle\DeleteData的AJAX操作。)

Ext Js简单Grid分页及选择器的使用Ext Js简单Grid分页及选择器的使用
Ext Js简单Grid分页及选择器的使用Ext Js简单Grid分页及选择器的使用

2.Ext Js的DomQuery选择器:

发现内容有些少,简单写一下对于Ext Js的DomQuery选择器(有些类似于JQuery的选择器),也是一些常用的选择器,基础选择器,根据对象ID、元素名称、css类选择器、层次选择器、节点便利选择器、还有伪选择器等等。还有一些类似JQuery的动画特效等等,Ext Js的封装的也挺不错的。

Ext Js简单Grid分页及选择器的使用Ext Js简单Grid分页及选择器的使用
Ext Js简单Grid分页及选择器的使用Ext Js简单Grid分页及选择器的使用

<a>本文转自SanMaoSpace博客园博客,原文链接:http://www.cnblogs.com/SanMaoSpace/archive/2013/01/27/2879057.html,如需转载请自行联系原作者</a>

<a></a>