Kendo Grid Скрытие / отображение кнопки «Удалить»
Я новичок в компонентах Kendo MVC, а также в jQuery.
Я создаю Kendo Grid. Я хотел бы скрыть команду уничтожения (удаления) при загрузке страницы в сетке Kendo. После этого, когда я нажимаю кнопку на той же странице, она должна быть видна.
сетка кендо:
@(Html.Kendo().Grid()
.Name("grid")
.Columns(columns =>
{
columns.Bound(product => product.DESCRIPTION).Title("Description");
columns.Bound(product => product.CODE).Title("Description");
columns.Command(commands =>
{
commands.Destroy().HtmlAttributes(new { id = "buttondelete" });
}).Title("Operations");
})
.ToolBar(toolbar =>
{
toolbar.Create().Text("Add Records");
toolbar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable(pager => pager
.PageSizes(true)
.Input(true)
.Refresh(true)
)
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(true)
.Events(events => events.Error("onError"))
.Model(model =>
{
model.Id(product => product.ID); // Specify the property which is the unique identifier of the model
model.Field(p => p.DESCRIPTION).Editable(false);
model.Field(product => product.CODE).Editable(false);
})
.Create(create => create.Action("a", "www"))
.Read(read => read.Action("b", "www"))
.Update(update => update.Action("c", "www"))
.Destroy(destroy => destroy.Action("d", "www"))
)
)
Js:
$(document).ready(function () {
//$("#grid").find(".k-grid-delete").hide()//hide delete button
$("#grid").find(".k-toolbar").hide(); //hide toolbar
$(".k-grid-delete", "#grid").hide();
});
$('#EnableEdit').click(function () {
$("#grid").find(".k-toolbar").show();
// $(".k-grid-delete", "#grid").show();
var grid = $("#grid").data("kendoGrid");
grid.dataSource.at(0).fields["CODE"].editable = true;
grid.dataSource.at(0).fields["DESCRIPTION"].editable = true;
});
Изменить: изменил некоторые части в соответствии с первым ответом. Теперь $ (".k-grid-delete ","#grid»).скрывать(); невозможно скрыть класс k.grid-delete. Я предполагаю, что JavaScript загружается до создания сетки кендо. Когда я использую его внутри функции нажатия кнопки редактирования, он скрывает кнопки удаления.