jQWidgets Forums
jQuery UI Widgets › Forums › Grid › Edit row with checkbox column
Tagged: #jqwidgets-grid, grid, javascript grid, jquery grid
This topic contains 1 reply, has 1 voice, and was last updated by Marina 6 years, 8 months ago.
Viewing 2 posts - 1 through 2 (of 2 total)
-
Author
-
I have grid with column checkbox type. I set grid editmode = ‘selectedrow’ and selectionmode = ‘singlerow’. Its working as expected when i double click row – it goes into editing mode. But when i just click check box it also begin editing right away even if row not selected. What am I missing?
//////////////////////////////////////////////GRID DEFINITION $("#gridModelingSites").jqxGrid( { width: 790, height: 600, source: dataAdapter1, altrows: true, editmode: 'selectedrow', //programmatic selectionmode: 'singlerow', editable: true, rendered: function () { if ($(".deleteButtons").length > 0) { $(".deleteButtons").jqxButton(); var deleteClick = function (event) { // get clicked row. var rowIndex = parseInt(event.target.getAttribute('data-row')); if (isNaN(rowIndex)) { return; } var dataRecord = $("#gridModelingSites").jqxGrid('getrowdata', rowIndex); //remove; //ajax call goes here } } $(".deleteButtons").on('click', function (event) { deleteClick(event); }); }, columns: [ { text: 'Name', datafield: 'Location_Name', width: 250 }, { text: 'LTE Model', displayfield: 'LTEModelDescription', datafield: 'LTEModeID', width: 100, columntype: 'dropdownlist', createeditor: function (row, value, editor) { editor.jqxDropDownList({ source: lteModelsAdapter, displayMember: 'label', valueMember: 'value' }); } }, { text: 'Propagation Model', displayfield: 'PropagationModelDescription', datafield: 'PropagationModelID', width: 100, columntype: 'dropdownlist', createeditor: function (row, value, editor) { editor.jqxDropDownList({ source: propagationModelsAdapter, displayMember: 'label', valueMember: 'value' }); } }, { text: 'Status', datafield: 'Tower_Status', width: 100, editable: false }, { text: 'Active', datafield: 'Active', width: 100, cellsalign: 'center', columntype: 'checkbox' }, { text: 'Actions', cellsalign: 'center', width: 140, columnType: 'none', editable: false, sortable: false, dataField: null, cellsrenderer: function (row, column, value) { // render custom column. var dataRecord = $("#gridModelingSites").jqxGrid('getrowdata', row); if (dataRecord.Tower_Status == 'Modeling') return "<button data-row='" + row + "' class='deleteButtons'>Delete Permanently</button>"; else return ""; } } ] });
i solved it by checking if rowselected on cellbeginedit of checkbox column , if not i return false and not allow to editing. still not sure why checkbox column behaving like that.
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.