1. columns 中的renderer参数
renderer:function (value, cellmeta, record, rowIndex, columnIndex, store) {
//value :这个单元格的值;
//cellmeta.cellId: 这个单元格的配
//cellmeta.id: id
//record :这个单元格对应的record
//rowIndex 这是第几行
//store 这个表格对应的Ext.data.Store
}
2. EditorGridPanel中显示Combobox的值
会存在combobox中选择了相应的选项时(displayField),在grid中却显示了valueField值的情况
一般可以通过下面的方式解决
// 下面是columns的一个子项
// 通过renderer控制表格显示的值
{
header: '用户名',
sortable: true,
dataIndex: 'userId',
editor:userCombo,
renderer:gridUserNameShow
}
/**
* 修正grid的用户名显示值问题
*/
function gridUserNameShow(value, cellmeta, record, rowIndex, columnIndex, store){
// 如果有过滤,则必须先进行清空 其他地方同时有可以对baseUserInfo进行过滤,必须先清除
if (baseUserInfo.isFiltered()) {
baseUserInfo.clearFilter();
}
// 通过传递进来的value来查找位于Store的位置
index = baseUserInfo.findBy(function(record, id)
{
return record.get(Ext.getCmp('userCombo').valueField) == value;
});
// 查找到对应的记录,并且取出值
var records = baseUserInfo.getAt(index);
if (records == null) {
return value;
}else{
return records.data.userCn;
}
}
1. 动态生成列信息
var colMArray = new Array();
//colcnList 列明数组
//colenList 对应stroe的dataIndex数组
//colwdList 对应的宽度信息
//上面三则长度一致
colMArray[0] = expander;
for (var i = 0,index; i < colcnList.length; i++) {
index = colMArray.length;
colMArray[index] = {header:colcnList[i],dataIndex:colenList[i],width:colwdList[i]};
if (colcnList[i] == '设备编号') {
colMArray[index].renderer = setUrl;//添加renderer 等其他信息
}
}
var cm = new Ext.grid.ColumnModel(colMArray);
- 大小: 20.7 KB
- 大小: 38.5 KB
分享到:
相关推荐
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
Ext grid panel 滚动条位置不变,适用于实时数据的刷新
本实例使用官方Ext3.1包 ...1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢
NULL 博文链接:https://damen.iteye.com/blog/946039
官方例子 Ext grid filter
Ext Grid表格的自动宽度及高度的实现
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
一个完整的ext中grid与tree的使用,是很好的一个学习例子.
EXT grid导出EXCEL,有事例,下载后直接可用
Grid实现中文排序的功能,重写Ext.data.Store的applySort函数
一个EXT GRID的实例。是一个人新增人员的BS界面形式的程序。很漂亮的界面风格,很人性化的功能支持。
ext中grid数据查找后重填到gird中.网上搜集的部分资料。
Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列
Ext4 grid打印,打印预览,复杂表头打印,等等都实现了!
var vExportContent = grid.getExcelXml(); if (Ext.isIE6 || Ext.isIE7 || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3) { var fd=Ext.get('frmDummy'); if (!fd) { fd=Ext.DomHelper.append(Ext.getBody...