更改Kendo中的按钮文本弹出窗口

我正在使用KendoUI工具来处理我的应用程序。我使用的是Kendo网格，其中有一个工具栏，点击它可以显示我弹出的那两个按钮，更新“和”取消“，并希望将文本更新更改为”保存“。我在MVC中创建我的应用程序。我的代码去如下：更改Kendo中的按钮文本弹出窗口

@(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>

请建议我在这。

来源

2014-01-07 SantyEssac

在网格的定义：

.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。

来源

2014-03-11 09:38:31 VA3

更改Kendo中的按钮文本弹出窗口

回答

相关问题