[英]Extjs 3.4 add buttons (Edit, Delete) to the grid row
我有网格,在每一行中必须是一列带有编辑/删除按钮的列。 当我单击“编辑”时,它必须打开弹出窗口,并且在此弹出窗口中必须是带有网格行中对象对象的表单。 当我单击删除按钮时,它必须删除对象(行)。 我找不到简单的解决方案...
我做了什么:
columns: [
{
header: 'Action',
width: 145,
sortable: false,
renderer: function (value, metaData, record, rowIndex, colIndex, store) {
function createGridButton(value, id, record, handlerFunc, rowIndex) {
new Ext.Button({
text: value,
value: rowIndex,
handler: handlerFunc
}).render(document.body, id);
}
var id = 'x-btn-container-' + rowIndex;
createGridButton.defer(1, this, ['Edit', id, record, function (btn, e) {
openWindowWithForm();
}, rowIndex]);
createGridButton.defer(2, this, ['Delete', id, record, function (btn, e) {
alert('Row was deleted');
}, rowIndex]);
return ('<div id="' + id + '"></div>');
},
dataIndex: 'action'
},
{
header: 'Login',
dataIndex: 'login'
},
{
header: 'Email',
dataIndex: 'email'
},
{
header: 'FirtsName',
dataIndex: 'firstName'
},
{
header: 'LastName',
dataIndex: 'lastName'
},
{
header: 'Birthday',
dataIndex: 'birthday',
xtype: 'datecolumn',
format: 'd/m/Y'
}
]
我已经在第一列中添加了按钮,但是如何删除和编辑行,却无法获得RowIndex来完成。 请对此问题有任何帮助。
人们通常会这样做:
rowclick
事件并检查用户单击的位置 请在此处查看更正的小提琴:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.