本文目录一览:
- 1、extjs 表格如何实现动态添加列
- 2、extjs动态向可编辑表格EditorGridPanel 添加一个列ColumnModel,并让列能够被修改
- 3、extjs怎么在grid里新加一列,这列的数据是从另外的表里读出的数据
extjs 表格如何实现动态添加列
Ext.onReady(function() {
var sm=new Ext.grid.CheckboxSelectionModel();
var cm=[new Ext.grid.RowNumberer(),sm,
{header:"编号", dataIndex:"id", width:65,hidden : true},
{header:"名称", dataIndex:"name", width:65},
{header:"路径", dataIndex:"url", width:65}
]
var fd = ["id", "name", "url"];
var store=new Ext.data.JsonStore({
fields:fd
})
var data=[{
id:1,name:"xiao",url:"sssssssssss",sex:"male"
}]
var grid=new Ext.grid.GridPanel({
sm:sm,
columns:cm,
store:store,
width:500,
height:400,
tbar:[{
text:"生成",
icon:"images/icons/add.png",
cls:"x-btn-text-icon",
handler:function(){
var res = {fields:[{name:"sex"}],columns:[{header:'性别',dataIndex:"sex",width:65}]};
var columns = res.columns;
var fields = res.fields;
for (var i = 0; i fields.length; i++) {
fd.push(fields[i].name);
cm.push(columns[i]);
}
//重新绑定store及column
ss=new Ext.data.JsonStore({
fields:fd
});
grid.reconfigure(ss,new Ext.grid.ColumnModel(cm));
ss.loadData(data)
}
}]
})
var win=new Ext.Window({
title:"sssssss",
width:700,
height:500,
layout:"fit",
closable:true,
items:[grid]
})
win.show();
});
主要是grid里的reconfigure这个方法:配置grid以使用一个不同的Store和Column Model并触发'reconfigure'事件。 视图将会被绑定到新的对象并刷新。
你自己引用ext3的类库吧~
extjs动态向可编辑表格EditorGridPanel 添加一个列ColumnModel,并让列能够被修改
ext3.0的EditorGridPanel 都有自带的编辑啊
ext4.0的要在gridpanel加编辑插件
extjs怎么在grid里新加一列,这列的数据是从另外的表里读出的数据
在表格的cm对象里添加以下内容就会多出一列超链接,超链接都显示为“修改”,点击它会获取该行Name列的数据并跳转到a.php:
{
header : '操作',
dataIndex : '',
width : 40,
menuDisabled:true,
renderer:function(value, metadata, record, rowIndex, colIndex, store){
var url='a.php?name='+record.get("Name");
var str='a href="'+url+'"修改/a';
return str;
}