How to make selecatable false in kendo ui grid using jQuery -
please let me know if possible make selectable attribute of kendo ui grid false using jquery.
i have 2 grids 1st grid selectable true when make changes 1st grid 2nd grid selectable functionality should change accordingly suppose there 2 category in grid rows 1 of row admin , other row normal user if normal user 2nd grid selectable should true using jquery outside grid...
`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");`
i tried change in below shown manner
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(); }
you can use grid's setoptions method
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-setoptions
var grid = $("#usersmatterlist").data("kendogrid"); grid.setoptions({ selectable: false });
Comments
Post a Comment