2014-01-07 82 views
0

我正在使用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> 

請建議我在這。

回答

6

在網格的定義:

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