Ext.namespace("PROJECT.SYS.USER");
Ext.define('PROJECT.SYS.USER.GridPanel', {
extend : 'Ext.panel.Panel',
layout : 'border',
pageSize : 10,
border : false,
initComponent : function() {
var t = this;
Ext.define('dataModel', {
extend : 'Ext.data.Model',
fields : ['id', 'name', 'userName', 'passWord',
'age'],
idProperty : 'id'
});
var store = new Ext.create('Ext.data.Store', {
pageSize : t.pageSize,
model : 'dataModel',
remoteSort : true,
proxy : {
type : 'jsonp',
url : 'sys/user-list.action',
reader : {
root : 'data',
totalProperty : 'totalCount'
}
}
});
store.load({
params : {
start : 0,
limit : t.pageSize
}
});
var pagingBar = Ext.create('Ext.PagingToolbar', {
store : store,
displayInfo : '当前记录 {0} - {1} of {2}',
emptyMsg : "暂无记录"
});
var columns = [{
text : '编号',
dataIndex : 'id',
tooltip : '编号',
sortable : true
}, {
text : '姓名',
dataIndex : 'name',
tooltip : '姓名',
sortable : true
}, {
text : '用户名',
dataIndex : 'userName',
tooltip : '用户名',
sortable : true
}, {
text : '密码',
dataIndex : 'passWord',
tooltip : '密码',
sortable : true
}, {
text : '年龄',
dataIndex : 'age',
tooltip : '年龄',
sortable : true
}];
var tb = Ext.create('Ext.toolbar.Toolbar');
tb.add({
text : '新增',
iconCls : 'save',
handler : Ext.Function.bind(t.addFn, t)
});
tb.add({
text : '刷新',
iconCls : 'refesh',
handler : Ext.Function.bind(t.refeshFn, t)
});
this.gridPanel = Ext.create('Ext.grid.Panel', {
title : '用户管理',
columns : columns,
bbar : pagingBar,
region:'center',
margins:'5 5 5 5',
store : store,
loadMask : true,
viewConfig : {
stripeRows : true,
enableTextSelection : true
}
});
this.items = [t.gridPanel]
this.callParent(arguments);
},
addFn : function() {
},
refeshFn : function() {
}
});
分享到:
相关推荐
ExtJS的GridPanel导出excel文件,方便快捷易懂!
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
EXTJS.GRIDPANEL中日期格式 设置
一个关于GridPanel的使用例子 介绍了Proxy,JsonReader Store gridPanel等几个对象的简单使用
NULL 博文链接:https://aa00aa00.iteye.com/blog/564647
Extjs2.02 Gridpanel加载本地数组资源的实例,思路相当清晰。对初学者很有用
主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
NULL 博文链接:https://topbox163.iteye.com/blog/1276463
NULL 博文链接:https://tonylian.iteye.com/blog/1735525
Extjs4.1 小例子(适合extjs初学者学习使用).直接导入myeclipse即可
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
这个项目里面包含了本人从开始初学EXTJS4的全部事例:grid、tree、chart图表、文件上传、mvc、还有用户信息注册。里面的一些难点、要点都加了注释,还有一个file.txt文件是本人的小小总结,还没完整。我也是一个第一...
extjs4是权限 网络分享资料中修改而来。 extjs4+ spring3 + hibernate3.3+ struts2.1.8 + mysql5.04+ xp + myEclipse 8.5 测试通过 。 extjsdemo.rar
后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...
ExtJs4 详细、讲解例子,网上搜索的一些例子,拉下来的
本文为大家详细介绍下ExtJs如何设置GridPanel表格文本垂直居中,具体实现代码及截图如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
此文件用于项目首页内容,使用了ExtJs中的GridPanel
基于Extjs4官方的例子,做了一个关于MVC和Grid增删改的小例子
Extjs4入门例子教程,对新手有很大帮助