在 JsGrid 中只选中一个复选框

问题描述

我正在使用 JsGrid 并且在 atm 中工作正常。

在这个例子中，我只对复选框功能感兴趣

如何只允许选中一个复选框并获取选中的复选框的值？

$("#jsGrid").jsGrid({
    height: "50%",width: "100%",autoload: true,confirmDeleting: false,paging: true,controller: {
        loadData: function() {
            return db.clients;
        }
    },fields: [
        {
            headerTemplate: function() {
                return $("<button>").attr("type","button").text("Delete")
                        .on("click",function () {
                            deleteSelectedItems();
                        });
            },itemTemplate: function(_,item) {
                return $("<input>").attr("type","checkBox")
                        .prop("checked",$.inArray(item,selectedItems) > -1)
                        .on("change",function () {
                            $(this).is(":checked") ? selectItem(item) : unselectItem(item);
                        });
            },align: "center",width: 50
        },{ name: "Name",type: "text",width: 150 },{ name: "Age",type: "number",width: 50 },{ name: "Address",width: 200 }
    ]
});


var selectedItems = [];

var selectItem = function(item) {
    selectedItems.push(item);
};

var unselectItem = function(item) {
    selectedItems = $.grep(selectedItems,function(i) {
        return i !== item;
    });
};

var deleteSelectedItems = function() {
    if(!selectedItems.length || !confirm("Are you sure?"))
        return;

    deleteClientsFromDb(selectedItems);

    var $grid = $("#jsGrid");
    $grid.jsGrid("option","pageIndex",1);
    $grid.jsGrid("loadData");

    selectedItems = [];
};

var deleteClientsFromDb = function(deletingClients) {
    db.clients = $.map(db.clients,function(client) {
        return ($.inArray(client,deletingClients) > -1) ? null : client;
    });
};

提前致谢

问候

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript jsgrid