在 Kendo 弹出窗口中更改按钮文本答案

【问题标题】：Changing Button text in Kendo Pop up Window在 Kendo 弹出窗口中更改按钮文本
【发布时间】：2014-01-07 08:30:00
【问题描述】：

我正在为我的应用程序使用 KendoUI 工具。因为我正在使用 Kendo Grid，其中工具栏在单击时会显示一个弹出窗口，其中两个按钮分别为“更新”和“取消”，并且想要将文本更新更改为“保存”。我在 MVC 中创建我的应用程序。我的代码如下：

@(Html.Kendo().Grid<Invoice.Models.ViewModels.DossierViewModel>()
    .Name("Dossier")
    .Columns(columns =>
    {

        columns.Bound(p => p.DisplayID).ClientTemplate("<a href=" + @Url.Content("~/Document/DocumentList/#= data.DossierID#") + ">#=data.DisplayID#</a>").Title("Dossier").Width(80);

        columns.Bound(p => p.CustomerName).Title("Customer").Width(150);

        columns.Bound(p => p.InvoiceNumber).Title("INV no.").Width(100).ClientTemplate("<a href=" + @Url.Content("~/Home/PrintInvoice/#= data.InvoiceNumber#") + " target='_blank'>#=data.InvoiceNumber#</a>");

        columns.Bound(p => p.Status).ClientTemplate("#=data.Status#");


    })
    .ToolBar(toolbar =>
    {
        toolbar.Create().Text("Add New Dossier");
        toolbar.Custom().Text("Search").Action("AdvanceSearch", "Dossier");
    })

    .Pageable()

    .Sortable()
    .Scrollable()
    .Filterable()
    .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("New_Dossier"))                    //Having Different Template for New Dossier
    .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(15)
            .Model(model => { model.Id(p => p.DossierID); })
            .Read(read => read.Action("Dossier_Read", "Dossier"))
            .Create(create => create.Action("Dossier_Create", "Dossier", new { @CompanyID = ViewBag.CompanyID }))

     )
)

如您所见，我正在为弹出窗口使用我自己的模板“New_Dossier”，我的 New_Dossier 页面如下所示：

<div class="form-group">
        <div class="control-group">
            <label class="control-label">Name</label>
            <div class="controls">
                @(Html.Kendo().AutoComplete()
                      .Name("Customers")
                      .DataTextField("CustomerShortName")
                      .Filter("contains")
                      .MinLength(3)
                      .Events(events => events.Select("CustomerSelect"))
                      .HtmlAttributes(new { style = "width:250px" })
                      .DataSource(source =>
                      { 
                          source.Read(read =>
                          {
                              read.Action("GetCustomers", "GetData");

                              //.Data("onAdditionalData");
                          })
                          .ServerFiltering(true);
                      })
                )
            </div>
        </div>
    </div>

请就此提出建议。

【问题讨论】：

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

【解决方案1】：

在网格定义中：

.Events(events => events.Edit("insertPopupCaption"))

在 JavaScript 中：

function insertPopupCaption(e) {
    $('.k-window-title').text("[PopupEditCaption]");
    $('.k-grid-update').text("[UpdateButtonText]");
    $('.k-grid-cancel').text("[CancelButtonText]");
}

这样，按钮图标也会被替换 - 如果不是有意的，请调整 JavaScript。

【讨论】：