grid.view.refresh() 重新编号无效
JS代码如下
renderOp = function (value, cellmeta, record, rowIndex, columnIndex, store) {
var str = "<input type=\"button\" value=\"删除\" onclick='DeleteRow(\"" + rowIndex + "\",\"" + record.data["name"] + "\",\"" + record.data["descn"] + "\")'/>";
return str;
}
var Tbcolumns = [
new Ext.grid.RowNumberer(),
{ header: '编号', dataIndex: 'id'},
{ header: '名称', dataIndex: 'name'},
{ header: '描述', dataIndex: 'descn' },
{ header: '操作', dataIndex: 'op', renderer: renderOp }
];
var Tbdata = [
['1', 'name1', 'descn1'],
['2', 'name2', 'descn2'],
['3', 'name3', 'descn3'],
['4', 'name4', 'descn4'],
['5', 'name5', 'descn5'],
['6', 'name6', 'descn6'],
['7', 'name7', 'descn7']
];
var mystore = new Ext.data.ArrayStore({
data: Tbdata,
fields: [
{ name: 'id', mapping: 0 },
{ name: 'name', mapping: 1 },
{ name: 'descn', mapping: 2 }
]
});
mystore.load();
var mygrid = new Ext.grid.GridPanel({
autoHeight: true,
width: 350,
loadMask: true,
stripeRows: true,
renderTo: 'gridArea',
store: mystore,
columns: Tbcolumns,
forceFit: true
});
DeleteRow = function (rowIndex, name, value) {
mystore.remove(mystore.getAt(rowIndex));
mygrid.view.refresh();
}
我想做删除行,然后自动刷新编号,可是
mygrid.view.refresh()执行以后无效,是什么情况?也没有报错,就是不重新编号
renderOp = function (value, cellmeta, record, rowIndex, columnIndex, store) {
var str = "<input type=\"button\" value=\"删除\" onclick='DeleteRow(\"" + rowIndex + "\",\"" + record.data["name"] + "\",\"" + record.data["descn"] + "\")'/>";
return str;
}
var Tbcolumns = [
new Ext.grid.RowNumberer(),
{ header: '编号', dataIndex: 'id'},
{ header: '名称', dataIndex: 'name'},
{ header: '描述', dataIndex: 'descn' },
{ header: '操作', dataIndex: 'op', renderer: renderOp }
];
var Tbdata = [
['1', 'name1', 'descn1'],
['2', 'name2', 'descn2'],
['3', 'name3', 'descn3'],
['4', 'name4', 'descn4'],
['5', 'name5', 'descn5'],
['6', 'name6', 'descn6'],
['7', 'name7', 'descn7']
];
var mystore = new Ext.data.ArrayStore({
data: Tbdata,
fields: [
{ name: 'id', mapping: 0 },
{ name: 'name', mapping: 1 },
{ name: 'descn', mapping: 2 }
]
});
mystore.load();
var mygrid = new Ext.grid.GridPanel({
autoHeight: true,
width: 350,
loadMask: true,
stripeRows: true,
renderTo: 'gridArea',
store: mystore,
columns: Tbcolumns,
forceFit: true
});
DeleteRow = function (rowIndex, name, value) {
mystore.remove(mystore.getAt(rowIndex));
mygrid.view.refresh();
}
我想做删除行,然后自动刷新编号,可是
mygrid.view.refresh()执行以后无效,是什么情况?也没有报错,就是不重新编号
...全文
相关推荐
解决extjs grid 不随窗口大小自适应的改变问题
当窗口大小发生变化时,触发一个回调函数,在该函数中调用`grid.getView().refresh()`方法。这个方法会让Grid组件重新计算并刷新其视图,从而使其大小适应新的窗口尺寸。
Ext grid panel 滚动条位置不变
; view.scrollHeight = view.scroller.dom.scrollHeight; }, refresh: function (view) { view.scroller.dom.scrollTop
Ext中拖拽Tree2Grid , 清空表格拖拽失效的解决办法>.<
在清空Grid后,我们可以调用`grid.getView().refresh()`刷新视图,然后重新注册DropTarget。
ExtJs选中var editor = new Ext.ux.grid.RowEditor详解
().refresh(); // 刷新视图 grid.getSelectionModel().selectRow(0); // 选择第一行 editor.startEditing(0); // 开始编辑第一行
GXT组件使用教程2——Auto Height Grid
);grid.setAutoSizeColumns(true); // 自动调整列宽grid.getHierarchyModel().setAutoExpandAll(true); // 如果有层级数据


