Extjs checkColumn

Question

我在ExtJS中看到了這個例子，但checkColumn似乎沒有更新XML。該API也沒有那麼有用。我想要做的就是這樣的事情。當用戶點擊網格中的複選框時，它將發送一個AJAX請求。

Answer 1

您將要在check change事件中觸發ajax請求。或者，如果您嘗試在網格中使用CheckboxSelectionModel，請將監聽器放在rowselect上以發出ajax請求。

Answer 2

in extjs4你可以這樣做。還有就是「checkchange」事件，這樣你就可以有這樣的事情：

{ 
    header: 'State', 
    dataIndex: 'STATE', 
    xtype: 'checkcolumn', 
    editor: { 
     xtype: 'checkbox', 
     cls: 'x-grid-checkheader-editor' 
    }, 
    listeners: { 
     checkchange: function(column, recordIndex, checked) { 
      console.log(checked); 
      //or send a request 
     } 
    } 
} 

Answer 3

columns: [{ 
     xtype: 'checkcolumn', 
     width: 30, 
     sortable: false, 
     id: 'check1', 
     dataIndex: 'check11', 
     editor: { 
      xtype: 'checkbox', 
      cls: 'x-grid-checkheader-editor' 
     }, 
     listeners: { 
      checkchange: function (column, recordIndex, checked) { 
       alert(checked); 
       alert("hi"); 
      } 
     } 
    } 
] 

爲我工作:)

Answer 4

如果你打算或想火支票上的ajax請求改變事件。我認爲這對你有幫助。

columns: [{ 
    xtype: 'checkcolumn', 
    width: 30, 
    sortable: false, 
    id: 'check1', 
    dataIndex: 'check11', 
    editor: { 
     xtype: 'checkbox', 
     cls: 'x-grid-checkheader-editor' 
    }, 
    listeners: { 
     checkchange: function (column, recordIndex, checked) { 

      Ext.Ajax.request({ 
       url: 'abc.com/index.php', 
       scope: this, 
       params: { postData: postdata }, 
       method: 'POST', 
       success: function (a) { 

       } 

       }); 
      } 
    } 
]