Hello, i try to make one column of my grid to be the ‘taginput’ like Here (i use example №4).
Also i want to make last column a button, by clicking on that button the row will be deleted.
the code for deleteing:
column defenition:
{ text: 'Delete', datafield: 'Deleted', cellsalign: 'right', width: '9%', sortable: false, menu: false, cellsrenderer: deleteRender },
my rendering and deleting functions:
var deleteRender = function (id) {
return '<input role="deleteUser" type="button" onClick="buttonclick(this)" class="btn btn-default" id="rowBtn' + id + '" value="Delete User"/>'
}
function buttonclick(e) {
var selectedrowindex = $(gridSelector).jqxGrid('getselectedrowindex');
var rowscount = $(gridSelector).jqxGrid('getdatainformation').rowscount;
if (selectedrowindex >= 0 && selectedrowindex < rowscount) {
var id = $(gridSelector).jqxGrid('getrowid', selectedrowindex);
$(gridSelector).jqxGrid('deleterow', id);
}
}
but if i set selectionmode to none the delete button doesent work
but if i set selectionmode to singlerow my grid is repainted everytime i navigate throught table with my keyboard.
and all data and my rendering for ‘tags input’ is destroyed.
