Extjs 3.X 和 Extjs 4.x 为GridPanel动态添加一行数据的区别

ExtJS 3.X与4.X动态添加数据

最新推荐文章于 2021-08-06 10:33:44 发布

转载最新推荐文章于 2021-08-06 10:33:44 发布 · 485 阅读

ExtJs 专栏收录该内容

246 篇文章

订阅专栏

本文对比了ExtJS 3.X和4.X版本中为GridPanel组件动态添加一行数据的方法。在ExtJS 3.X中，通过创建`Ext.data.Record`实例并使用`getStore().add()`方法实现；而在ExtJS 4.X中，则需要定义一个继承自`Ext.data.Model`的类，并使用`getStore().insert()`方法完成插入。

Extjs 3.X 和 Extjs 4.x 为GridPanel动态添加一行数据的区别

2014-11-11 10:05 蛋疼TA0165 | 浏览 1595 次

Javascript

2014-11-12 11:58 提问者采纳

 
          //Extjs 3.X 
         
          var 
          record = 
          new 
          Ext.data.Record({ 
         
          id: 
          '1'
          , 
         
          text: 
          '你好!'
          , 
         
          }); 
         
          Grid.getStore().add(record); 
         
          //Extjs 4.x 
         
          Ext.define(
          'Record'
          , { 
         
          extend: 
          'Ext.data.Model'
          , 
         
          fields: [ 
         
          { name: 
          'id'
          , type: 
          'number' 
          },  
         
          { name: 
          'text'
          , type: 
          'string' 
          } 
         
          ] 
         
          }); 
         
          var 
          record  = 
          new 
          Record({ 
         
          id: 
          '1'
          , 
         
          text: 
          '你好!'
          , 
         
          }); 
         
          var 
          rowlength = Grid.getStore().data.length + 1; 
         
          Grid.getStore().insert(rowlength, record );