Kendo Grid删除事件的自定义警报答案

【问题标题】：Custom alert on Delete Event of Kendo GridKendo Grid删除事件的自定义警报
【发布时间】：2014-10-09 21:38:52
【问题描述】：

我有一个Kendo Grid，其中有Destroy 事件。目前我正在使用DisplayDeleteConfirmation 进行确认警报。但是现在我想在使用Destroy 事件时使用我的自定义修改的 jquery ui 对话框而不是基于浏览器的警报。我不知道该怎么做。我做了谷歌，但没有得到任何线索。任何人都可以帮忙吗？

以下是我的剑道网格代码：

@(Html.Kendo().Grid<RxConnectEntities.DeleteFaxDTO>().Name("deleteFaxList")
    .Columns(columns =>
    {
            columns.Bound(p => p.DeleteFaxID).Hidden(true);
            columns.Bound(p => p.FaxName).Width(90).Title("Fax File Name");
            columns.Bound(p => p.PerformedDateTimeReadOnly).Width(60).Title("Archive Date").Format("{0:MM/dd/yyyy}");
            columns.Command(command => { command.Destroy().Text("Move to Original"); }).Width(50);
            columns.Bound(p => p.FaxPath).Hidden(true);
    })
    .Editable(editable => editable.Mode(GridEditMode.InLine).DisplayDeleteConfirmation("Are you sure you want to move the highlighted Archived Fax file to the Fax queue?"))
    .Pageable(p => p.PageSizes(true))
    .Sortable()
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
    .Events(events => events.Change("onChange").Remove("onRemove"))
    .Groupable()
    .Filterable(f => f.Extra(false).Operators(o => o.ForString(str => str.Clear().StartsWith("Starts with").Contains("Contains")).ForDate(c =>
    {
        c.IsEqualTo("Equal to");
        c.IsGreaterThan("Is after");
    }
    )))
    .DataSource(dataSource => dataSource
        .Ajax().ServerOperation(true)
        .PageSize(20)
        .Model(m => m.Id(p => p.DeleteFaxID))
        .Read(r => r.Action("GetArchiveFaxList", "Fax"))
        .Destroy(d => d.Action("MoveFileFromArchiveToOriginalFax", "Fax"))
    )
)

我只想用我自己的 jquery ui 对话框替换删除确认警报（这是浏览器特定的警报）。

【问题讨论】：

标签： javascript jquery asp.net-mvc kendo-ui kendo-grid

【解决方案1】：

你的问题很难。

我确实实现了您想要使用自定义按钮执行的操作，如下所示：

 .Columns(columns =>
        {
            columns.Bound(e => e.FirstName);
            columns.Bound(e => e.LastName);
            columns.Bound(e => e.Title);
            columns.Command(command => command.Custom("MyDelete").Click("myDeleteJs"));
        })

点击“MyDelete”按钮后会触发 myDeleteJs js 函数。

我认为这是做你想做的唯一方法。

我希望这会有所帮助。

最好的问候

【讨论】：