datagrid多選

自帶多選加屬性

checkOnSelect: 'true',
列表顯示為：

{
    field: 'itemid',
    title: 'Order ID',
    width: 200,
    checkbox: true
},

取選中的值：   var selectrow = $("#studentList").datagrid("getChecked");//獲取的是數組，多行數據




自己寫的多選，引入了css/magic-check.css。重寫復選框
列表顯示為

columns: [
    [
        {
             field: 'ck', print: false, toExcel: false, align: 'Center',
             halign: 'center',
             title: '<input type="checkbox" id="check_all" class="magic-checkbox" onclick="checkall()"/>' + '<label for="check_all" onclick="checkall()"/>',
             formatter: function (value, row, index) {
             var result = "";
             result += '<input type="checkbox" id="' + row.id + '" class="magic-checkbox"/>';
             result += '<label for="' + row.id + '"/>';
             return result;
             }
         }
]

全選事件：

dormidArray為全局變量，保存選中信息。

function checkall() {

    var isChecked = $("#check_all").is(":checked");
    if (isChecked) {
        $("#check_all").prop("checked", false);
        $("input.magic-checkbox").prop("checked", false);
        dormidArray = [];
    } else {
        $("#check_all").prop("checked", true);
        $("input.magic-checkbox").prop("checked", true);
        var dormInfos = $("#yxDormCheckIn").datagrid("getRows");
        for(var i = 0; i<dormInfos.length; i++){
            dormidArray.push(dormInfos[i].id);
        }
    }
}

單選事件：

$(function () {

$('#yxDormCheckIn').datagrid({
    onClickRow: function (rowIndex, rowData) {
        var rowCheck = "#" + rowData.id;
        var tf = $(rowCheck).is(":checked");
        if (tf) {
            $(rowCheck).prop("checked", false);
            var checkId= rowData.id;
            for(var i=0;i<=dormidArray.length;i++){
                if(dormidArray[i]==checkId

){
                    dormidArray.splice(i,1);
                    break;
                }
            }
        } else {
            $(rowCheck).prop("checked", true);
            dormidArray.push(rowData.id);
        }
    }
});
}