2014-01-07 3 views
0

Я использую инструмент KendoUI для своего приложения. В этом я использую сетку Kendo, в которой есть панель инструментов при нажатии, которая показывает мне всплывающее окно, в котором находятся две кнопки: Update "и" Cancel "и хотите изменить текст. Обновить до" Сохранить ". Я завершаю свое приложение в 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.

Смежные вопросы