jQuery EasyUI DataGrid Checkbox 数据设定与取值

$('#dg').datagrid({

    title: 'CheckBox Selection on DataGrid',

    url: 'datagrid_data3.json',

    width: '700',

    rownumbers: true,

    columns:[[

        { field:'ck',checkbox:true }, 

        { field: 'productid', title: 'productid' },

        { field: 'productname', title: 'productname' },

        { field: 'unitcost', title: 'unitcost' },

        { field: 'status', title: 'status' },

        { field: 'listprice', title: 'listprice' },

        { field: 'itemid', title: 'itemid' }

    ]],

    singleSelect: false,

    selectOnCheck: true,

    checkOnSelect: true,

    onLoadSuccess:function(data){                    

        if(data){

            $.each(data.rows, function(index, item){

                if(item.checked){

                    $('#dg').datagrid('checkRow', index);

                }

            });

        }

    }                 

});

 

$('#ButonGetCheck').click(function(){

    var checkedItems = $('#dg').datagrid('getChecked');

    var names = [];

    $.each(checkedItems, function(index, item){

        names.push(item.productname);

    });                

    console.log(names.join(","));

});

$(function(){

    $('#dg').datagrid({

        title: 'CheckBox Selection on DataGrid',

        url: 'datagrid_data3.json',

        width: '700',

        rownumbers: true,

        columns:[[

            {field:'checked',formatter:function(value,row,index){ 

                if(row.checked){

                    return '<input type="checkbox" name="DataGridCheckbox" checked="checked">'; 

                }

                else{

                    return '<input type="checkbox" name="DataGridCheckbox">'; 

                }

            }}, 

            { field: 'productid', title: 'productid' },

            { field: 'productname', title: 'productname' },

            { field: 'unitcost', title: 'unitcost' },

            { field: 'status', title: 'status' },

            { field: 'listprice', title: 'listprice' },

            { field: 'itemid', title: 'itemid' }

        ]],

        singleSelect: true

    });

    

    $('#ButonGetCheck').click(function(){

        var checkedItems = $('#dg').datagrid('getChecked');

        var names = [];

        $.each(checkedItems, function(index, item){

            names.push(item.productname);

        });                

        console.log(names.join(","));

    });

});

 

$.extend($.fn.datagrid.methods, {

    getChecked: function (jq) {

        var rr = [];

        var rows = jq.datagrid('getRows');

        jq.datagrid('getPanel').find('div.datagrid-cell input:checked').each(function () {

            var index = $(this).parents('tr:first').attr('datagrid-row-index');

            rr.push(rows[index]);

        });

        return rr;

    }

});