Ext JS的電網

Question

我有一個Ext JS的網格象下面這樣：

var grid = new Ext.grid.GridPanel({ 
columns: [ 
{header: 'Account Id',dataIndex:'accountId' }, 
{header: 'Account NUmber',dataIndex:'accountNumber' } 
] 
}) 

現在我需要顯示賬戶ID列單選按鈕的一列。所以從網格用戶可以選擇一個帳戶ID並提交。當用戶重新加載頁面時，應該預先選擇該帳戶ID。

我需要一些幫助，瞭解如何進行此操作。我是否需要在Account Id列上編寫渲染器？或者有更簡單的方法。

編輯：我確實是這樣的：

{header: 'Account Id',dataIndex:'accountId',renderer: function(value) { 
return "<input type='radio' name = 'primaryRadio' " + (value ? "checked='checked'" : "") + ">"; 
}}, 

什麼是添加一個onclick事件或onchange事件到無線電集團的語法？

Answer 1

通過使用渲染器函數，您可以很好地將Account Id列顯示爲單選按鈕列。

關於這些onclick事件，你可以簡單地添加onclick屬性的HTML標籤：

return "<input onclick='my_function()' type='radio' name = 'primaryRadio' " + (value ? "checked='checked'" : "") + ">"; 

Answer 2

建設掉以前的答案，是的，我想用渲染你的列是正確的解決方案。我認爲你應該去點擊事件比J.布魯尼建議的不同。我建議你的網格面板上的點擊監聽器檢查你是否點擊了一個單選按鈕，並委託給GridPanel中的一個方法。

事情是這樣的：

MyRadioGrid = Ext.extend(Ext.grid.GridPanel, { 
    columns: [ 
     {header: 'Account Id',dataIndex:'accountId', renderer: function(value) { 
      return "<input type='radio' name = 'primaryRadio' " + (value ? "checked='checked'" : "") + ">"; 
     }}, 
     {header: 'Account NUmber',dataIndex:'accountNumber' } 
    ], 

    afterRender: function() { 
     MyRadioGrid.superclass.afterRender.apply(this, arguments); 
     this.el.on('click', this.checkRadioClick, this); 
    }, 

    checkRadioClick: function(event) { 
     if (event.getTarget('input[type="radio"]')) { 
      //radio clicked... do something 
     } 
    } 
});