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

最新推荐文章于 2021-04-05 21:55:54 发布

转载最新推荐文章于 2021-04-05 21:55:54 发布 · 1.9k 阅读

ExtJs 专栏收录该内容

246 篇文章

订阅专栏

本文对比了ExtJS 3.X和4.X版本中为GridPanel动态添加一行数据的方法。3.X版本使用`Ext.data.Record`创建记录并调用`add`方法；4.X版本则定义了一个名为`Record`的模型类，并通过`insert`方法将记录插入到指定位置。

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

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

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 );