jquery - 如何使用 jQuery 在 kendo ui 网格中使 selecatable false

Question

请告诉我是否可以使用 jquery 将 kendo ui grid 的可选属性设置为 false。

我有两个网格，当我对第一个网格进行更改时，第一个网格可选，第二个网格可选功能应相应更改 假设网格行中有两个类别，其中一行是管理员，另一行是普通用户，那么如果是普通用户，则第二个网格可选应该通过在网格外使用 jquery 获得 true...

`jQuery("#usersMatterList").kendoGrid({
                    dataSource: usersMatterDataSource,
                    autobind:false,
                    filterable: true,
                    sortable: true,
                    pageable: false,
                    resizable: true,
                    selectable : true,
                    scrollable: true,
                    change : function(e){
                      var selectedItem = this.dataItem(this.select());

                      if(selectedItem.id != null){
                        globalCaseId = selectedItem.id;
                        updateAllPermissionComboboxes(globalCaseId);
                      }
                    },
                    columns: [
                      { 
                        name : 'id', 
                        field : 'id', 
                        hidden : true
                      },
                      { 
                        name : 'name', 
                        field : 'name', 
                        align: "left"
                      },
                      { 
                        name : 'deleteIcon', 
                        field : 'deleteIcon', 
                        align: 'left',
                        title: 'Delete',
                        template: function (cellvalue) {
                          return "<span class='deleteIconClass'><img border='0' src='${resource(dir: 'images', file: 'close_icon9x8.png')}' alt='Delete' title='Delete' style='cursor: pointer'/></span>";
                        },
                        width:25,
                        hidden: true
                      },
                    ],
                    dataBound: function(e) {
                        jQuery(".deleteIconClass").click(function(evt){
                            e.preventDefault();
                            deleteAskKendoWindow.data("kendoWindow").center().open();
                        });
                        //console.log(this.selectable);
                        if(this.options.selectable){

                          this.select(e.sender.tbody.find("tr:first"));
                        }

                    }
                    //filterMenuInit: onFilterMenuInit
                }).data("kendoGrid");`

我尝试按照下面所示的方式进行更改

if(user.companyAdmin || user.siteAdmin){

                  //jQuery("#usersMatterList").find('table').removeClass("k-selectable");
                  //jQuery("#usersMatterList").data("kendoGrid").options.selectable = false;
                  //
                  //jQuery("#usersMatterList").removeClass('k-selectable');   

                  //jQuery("#usersMatterList").data("kendoGrid").dataSource.read(); 
                  //ugrid.refresh();
                  //jQuery("#usersMatterList").data("kendoGrid").refresh();
                }else if(!user.companyAdmin || !user.siteAdmin) {
                  //jQuery("#usersMatterList").find('table').addClass("k-selectable");
                  //jQuery("#usersMatterList").addClass('k-selectable');  
                  //jQuery("#usersMatterList").data("kendoGrid").options.selectable = true;
                  //grid.refresh();
                  //jQuery("#usersMatterList").data("kendoGrid").refresh();
                }

Answer 1

您可以使用网格的setOptions方法

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-setOptions

var grid = $("#usersMatterList").data("kendoGrid");
grid.setOptions({
    selectable: false
});

DEMO