如何在EasyUI上的数据网格中的选定行上设置特定列值?

时间:2016-02-10 16:15:54

标签: javascript jquery jeasyui

我的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
    }
});

0 个答案:

没有答案