jquery - Buttons won't add to column using custom-command ( Kendo-UI ) -
i'm trying add buttons last column make onclick -> modal window.
the buttons not show new column ...
- the browser sees js file identical in visualstudio
- i've tried rebuild project
- rename js file
- reboot :)
- the browser inspector gives me understanding there no new column generated ...
pls give me clue went wrong? lot!!!
$(document) .ready(function() { //kendogrid var tabstrip; var gridobject; var expandedrowdataitem; var accountinfotabdata; var rowobject; $("#grid") .kendogrid({ datasource: { transport: { read: { url: "/api/griddata/getcustomers", datatype: "json" } }, pagesize: 20, schema: { parse: function(response) { $.each(response, function(idx, elem) { if (elem.registrationdate && typeof elem.registrationdate === "string") { elem.registrationdate = kendo.parsedate(elem.registrationdate); } if (elem .removalfromclientsdate && typeof elem.removalfromclientsdate === "string") { elem.removalfromclientsdate = kendo.parsedate(elem.removalfromclientsdate); } }); return response; } } }, autobind: true, height: 550, filterable: true, groupable: true, sortable: true, //editable: "inline", pageable: { refresh: true, pagesizes: true, buttoncount: 5 }, detailtemplate: kendo.template($("#template").html()), detailinit: detailinit, detailexpand: function(e) { //this.collapserow(this.tbody.find(" > tr.k-master-row").not(e.masterrow)); expandedrowdataitem = this.dataitem(e.masterrow); } }, { columns: [ { field: "uniqueclientcode", title: "Уникальный код клиента" }, { field: "clientname", title: "Имя клиента" }, { field: "clientokpo", title: "ОКПО клиента" }, { field: "registrationdate", title: "Дата регистрации", type: "date", format: "{0:dd/mm/yyyy}" }, { field: "removalfromclientsdate", title: "Дата удаления из клиентов", type: "date" }, { command: { text: "view details", click: showdetails }, title: "view dt", width: "50px" } ] }); function showdetails(e) { alert("view"); }
try @ end of columns definition last column edit:(razor):
columns.template(p => { }).clienttemplate("<button style='width: 20px;'><i class='fa fa-pencil-square-o' aria-hidden='true'></i></button> <button style='width: 20px;'><i class='fa fa-trash' aria-hidden='true'></i></button>").width(130).title("edit/delete").htmlattributes(new { @class = "tdcenter" });
Comments
Post a Comment