我的JSP上有一个id为autopayBankTbl
的数据网格。我还在数据网格顶部有一个标识为btnAddAutopayToBank
的按钮,以便在单击时在数据网格中添加一行。下面是添加行按钮的功能代码:
$('#btnAddAutopayToBank').on('click', function() {
var row = $('#autopayBankTbl').datagrid('getSelected');
var rows = $('#autopayBankTbl').datagrid('getRows');
if (row) {
var index = $('#autopayBankTbl').datagrid('getRowIndex', row);
} else {
index = 0;
}
$('#autopayBankTbl').datagrid('insertRow', {
index : index + 1,
row : {
bankName : '<input id="bankName' + (rows.length + 1) + '" class="easyui-combobox" style="width: 250px" textField="text" required>',
identificationCode : '<input id="identificationCode' + (rows.length + 1) + '" class="easyui-validatebox" style="width:100%;" data-options="required:true">',
identificationName : '<input id="identificationName' + (rows.length + 1) + '" class="easyui-textbox" style="width:100%;">',
option : '',
id : rows.length + 1
},
});
$('#bankName' + (rows.length)).combobox({
method : 'get',
valueField : 'pkid',
textField : 'bankName',
url : '../autopay/bankList',
required: true
});
});
每次单击“添加行”按钮时,我都会将数据网格中的option
列设置为空。我现在想要实现的是我想用option
设置所选行的linkbutton
列以删除该行。只有在选择行时才需要显示此按钮。否则它将被设置为空。我的问题是如何在所选行上设置option
值?由于我是EasyUI的新手,我希望有人可以帮助我。我已经阅读了文档here。但没有找到解决方案。这是我到目前为止所做的解决方案,现在我不知道如何继续它。
$('#autopayBankTbl').datagrid({
onClickRow: function(index,row){
var row = $(this).datagrid('getSelected');
var rows = $(this).datagrid('getRows');
//action for change option column value
}
});