2014-03-12 93 views
0

我在頁面上點擊按鈕時需要在extjs網格中添加行。如何在extjs網格中添加動態文本框

該行將會包含控件一樣文本框,組合框,datefields等

我已經加入動態行到店裏像這樣的 -

var r = Ext.create('Model', { 
       name: 'XYZ', 
       email: '[email protected]', 
       start: new Date(), 
       salary: 50000, 
       active: true 
      }); 
      var i = 0; 
      page.store.insert(i, r); 

但這種方式,我只能添加記錄。我想將控件添加到網格中。請建議。

謝謝,

+0

是您添加的模型領域的控件編輯器?你能發佈你的網格代碼嗎? – lascort

+1

您是否檢出了[row](http://docs.sencha.com/extjs/4.2.2/#!/example/grid/row-editing.html)/ [cell](http:// docs。 sencha.com/extjs/4.2.2/#!/example/build/KitchenSink/ext-theme-neptune/#cell-editing)編輯sencha文檔示例 – weeksdev

回答

0

我已經使用網格行編輯插件的問題。 在這裏,我將該行添加到商店,並通過編輯插件以編輯模式將其打開。 示例代碼在這裏。

tbar: [ 
    { 
     text: 'Add Row', 
     iconCls: 'employee-add', 
     handler: function() { 
      //var Date = new Date(); 
      //var Time = new Date().getTime()/1000; 

      rowEditing.cancelEdit(); 

      // Create a model instance 
      var r = Ext.create('TagAdjustment', {      
       startDate: Ext.Date.clearTime(new Date()), 
       startTime: 10, 
       stopDate: Ext.Date.clearTime(new Date()), 
       stopTime: 10, 
       rampStart: 10, 
       rampStop: 10,     
       gen: 10     
      }); 

      var selectedRecord = grid.getSelectionModel().getSelection()[0]; 
      var row = grid.store.indexOf(selectedRecord); 

      store.insert(row + 1, r); 
      rowEditing.startEdit(row + 1, 0); 
     } 
    },