Ext记录(三):表格grid的序号刷新、可编辑

    xiaoxiao2023-10-30  168

    一、grid序号刷新:

    方法一:

    下面这个方法是在不需要grid表格刷新的需求下适用的,一般用于临时使用的表格、静态表格。

    //删除数据,自动排序 Ext.get(usegrid.el.dom).select('td.x-grid-cell-row-numberer div').each(function (el, c, index) { el.setHtml(index + 1); });

    usergrid是创建的grid的值:var usergrid = Ext.create("Ext.grid.Panel",{...})

    .x-grid-cell-row-numberer:是序号所在的列的class名称,grid序号创建方式如下:

    方法二: 

    你可以直接刷新表格的数据:usergerid.store.reload();

    二、grid行编辑:

    我创建的是:Ext.grid.plugin.CellEditing,至于另一个会有错误,无法保存。代码如下:

    clicksToMoveEditor: 1 这段是单机字段就可编辑,但是这里没有起作用。设置了这段代码,还需要在字段上配置下面代码块:

    editor:{xtype: 'textfield',enableKeyEvents: false}

    这样就大公搞成了,效果如下:

    最新回复(0)