//下面红色部分设置属性值,看注释
var _store = Ext.create('Ext.data.Store', {
fields : ['name', 'name2','name3'],
proxy : {
type : 'ajax',
url : 'test!request.action',
reader : {
type : 'json',
root : 'data'
}
},
listeners : {
'load' : function(t, records, successful, eOpts) {
if (successful && records.length == 1
&& records[0].raw.state == -1) { 根据后台返回异常状态,如果load加载错误,返回错误信息。
t.removeAll();
Ext.Msg.alert('异常', records[0].raw.exMsg);
}
}
}
});
Ext.create('Ext.grid.Panel', {
columnLines : true,
store : _store,
border : false,
bodyBorder : false,
lazyLoad : true,
columns : [new Ext.grid.RowNumberer(), {
header : '列1',
dataIndex : 'name',
sortable : false,
flex : 4.5 //占比9/20
}, {
header : '列2',
dataIndex : 'name2',
sortable : false,
flex : 4.5 //占比9/20
}, {
text : '列三',
dataIndex : 'name3',
sortable : false,
flex : 1, //占比1/10
renderer : function(v, m, r) {
return '列3(占1/10)';
}
}];,
loadMask : true,
forceFit : true, //按照比例分配宽度属性。总数为10
});
相关推荐
ExtJS的GridPanel导出excel文件,方便快捷易懂!
NULL 博文链接:https://topbox163.iteye.com/blog/1276463
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
EXTJS.GRIDPANEL中日期格式 设置
Extjs2.02 Gridpanel加载本地数组资源的实例,思路相当清晰。对初学者很有用
主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
NULL 博文链接:https://tonylian.iteye.com/blog/1735525
此文件用于项目首页内容,使用了ExtJs中的GridPanel
后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...
ExtJS中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。 表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义...
本文为大家详细介绍下ExtJs如何设置GridPanel表格文本垂直居中,具体实现代码及截图如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
主要介绍了Extjs4实现两个GridPanel之间数据拖拽功能具体方法,有需要的朋友可以参考一下
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
博文链接:https://zjnbshifox.iteye.com/blog/147574
NULL 博文链接:https://aa00aa00.iteye.com/blog/564647
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
通过Servlet让Extjs GridPanel 显示数据库数据
ExtJS锁定列头源码 ExtJS锁定列头源码
...