extjs之-gridpanel完全操作（事件）

最新推荐文章于 2017-04-08 17:31:20 发布

原创最新推荐文章于 2017-04-08 17:31:20 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

EXTJS 专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍了如何在JavaScript中使用GridPanel进行数据选择、获取多行数据、循环遍历和数据赋值等核心操作。

extjs之-gridpanel完全操作（事件）

2010年07月16日星期五 16:46

先来一段代码

var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,
      {
       header : "id",
       width : 100,
       sortable : true,//可排序
       hidden : true,
       dataIndex : "id",
       align : "center"
      }, {
       header : "测定项目",
       width : 100,
       sortable : true,
       dataIndex : "program",
       align : "center"
       }

一，gridpanel

1.如何获取gridpanel中选中的一条数据

var selModel = grid.getSelectionModel();
var record = selModel.getSelected();
alert(record.data.program)就是你选中行的检测项目值

2，如何获取gridpanel中的多行数据

var s = grid.getSelectionModel()
            .getSelections();
          for (var i = 0, r; r = s[i]; i++) {
           var fm = r.data;
           alert(fm.program);}

3,如何循环遍历gridpanel

var rowCount=grid.getStore().getCount();
        alert(rowCount);
        var cc=cm.getColumnCount();
        var view=grid.getView();
        for (var i=0;i<rowCount;i++){}

4，如何给grid赋值

1）针对选中的记录

record.data.program="sssss";

fm.program="ssssss";

2)这对循环遍历

grid.getStore().getAt(i).data.price=“sssss”;

最后别忘了grid.getView().refresh();

上一篇>> Ex