如何在网格中删除时显示确认框

时间:2014-09-17 12:06:48

标签: javascript asp.net-mvc telerik-grid telerik-mvc

点击删除链接时,确认框尚未打开,请建议我如何打开删除确认框?

在查看页面

@(Html.Telerik().Grid<QuoteModel>(Model.Quotes.Data)
                    .Name("quote-grid")
                    .Columns(columns =>
                    {
                        columns.Bound(x => x.QuoteSentence);
                        columns.Bound(x => x.Status)
                            .Width(100)
                       .Template(x => x.Status.ToString().ToLower())
                            .Centered();
                            columns.Bound(x => x.IsDelete)
                            .Template(x => Html.ActionLink(T("Admin.Common.Edit").Text, "Edit", new { id = x.Id }))
                            .ClientTemplate("<a href=\"Edit/<#= Id #>\">" + T("Admin.Common.Edit").Text + "</a>")
                            .Width(50)
                            .Centered()
                            .HeaderTemplate(T("Admin.Common.Edit").Text)
                            .Filterable(false);
                        columns.Bound(x => x.Id)
                             .Width(50)
                             .Centered()
                             .Template(x => Html.ActionLink(T("Admin.Common.Delete").Text, "Delete", new { id = x.Id }))
                             .ClientTemplate("<a href='' onclick='Deletemsg(#=Id#);return false;' id='#=Id#'>@T('Admin.Common.Delete')</a>")
                             .HeaderTemplate(T("Admin.Common.Delete").Text);

                    })
              .Pageable(settings => settings.Total(Model.Quotes.Total).PageSize(gridPageSize).Position(GridPagerPosition.Both))
                    .DataBinding(dataBinding => dataBinding.Ajax().Select("QuoteList", "Quote")
             )
                                            .ClientEvents(events => events.OnDataBinding("onDataBinding"))
                                            .EnableCustomBinding(true))

用于删除的Java脚本

 function Deletemsg(id) {
        alert("hiiii");
        var ID = id;
        $("#dialog-confirm").dialog({
            resizable: true,
            height: 170,
            width: 400,
            modal: true,
            buttons: {
                '@T("Admin.Delete.Conform")': function () {
                    var id = ID;
                    window.location.href = 'Delete/' + id;
                },
                '@T("Admin.Delete.No")': function () {
                    $(this).dialog("close");
                }
            }
        });
    }

确认框的对话框

<div id="dialog-confirm" title='@T("admin.DeleteBox.Title")' style="display:none">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>"@T("Admin.Delete.Conform.Message") @T("Admin.Configuration.Catalog")"</p>
</div>

1 个答案:

答案 0 :(得分:0)

  .Template(x => Html.ActionLink(T("Admin.Common.Delete").Text, "Delete", new { id = x.Id }, new { onclick = "return confirm('Are you sure?');" }))