2014-01-22 2 views
5

Ich benutze das Popup-Kendo-Gitter und ich benutze neuen Datensatz und Bearbeitungsmodus und ich möchte die Beschriftung von Popup-Fenster Kendo-Gitter von HTML-Helfer ändern, wenn ich neue hinzufügen Aufzeichnung.Wie man die Beschriftung des Popup Kendo-Gitters durch HTML-Helfer im Fenster hinzufügen

<div class="k-rtl"> 

    @(Html.Kendo().Grid<KendoSample.Models.Person>() 
    .Name("grid") 
    .Columns(columns => 
    { 
     columns.Bound(p => p.PersonId).Title("Person Code").Width(100).Sortable(true); 
     columns.Bound(p => p.Name).Title("Name").Width(200).Sortable(true); 
     columns.Bound(p => p.Family).Title("Family").Sortable(false); 
     columns.Command(c => { c.Edit().Text("Edit").CancelText("Cancel").UpdateText("save"); c.Destroy().Text("Delete"); });    
    }) 
.Pageable() 

.ToolBar(s => { s.Create().Text("ایجاد"); }) 
.Editable(c => { c.TemplateName("Default").Mode(GridEditMode.PopUp); c.Window(x => x.Title("ویرایش")); }) 


.Scrollable() 
.Sortable() 
.HtmlAttributes(new { style = "height:430px;" }) 
.DataSource(dataSource => dataSource 
    .Ajax() 
          .Model(c => c.Id(p => p.PersonId)) 
          .Create(c => c.Action("Read", "Home")) 

    .Read(read => read.Action("EditingPopup_Read", "Grid")) 
    .Update(update => update.Action("EditingPopup_Update", "Grid")) 
    .Destroy(update => update.Action("EditingPopup_Destroy", "Grid"))         


          .ServerOperation(true) 
    .PageSize(8) 
    .Read(read => read.Action("EditingPopup_read", "Home")) 
) 
.Sortable() 
.Filterable() 
) 

</div> 

Bitte sagen Sie mir, wie Sie die Überschrift des Popup-Fensters im Add-Modus ändern.

enter image description here

Antwort

7

i beheben dieses Problem durch die Verwendung bearbeiten Veranstaltung.

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

<script> 
function insertPopupCaption(e) { 
if (e.model.isNew()) { 
    $('.k-window-title').text("add");   
} 
} 
</script> 
2

@Iraj, das Problem mit auf $ passenden ('k-Fenster-Titel') ist, dass es die Beschriftung für jeden Kendo UI Fenster auf dieser Seite zu ändern. Ich habe eine verschachtelte Grid-Eintragsseite, auf der sich das zweite Grid in einem Popup-Fenster befand. Als Arbeitsumgebung habe ich meine Bearbeitungsvorlage in ein div mit einer Klasse "bdPopup" eingefügt. Dann, um die Überschrift dieses Formulars zu erhalten, verwendete ich die folgende Syntax:

$(".bdPopup").parent().parent().parent().children(".k-window-titlebar").children(".k-window-title").text("Add") 
0

Keine direkte Antwort auf Ihre Frage. Aber ich mache folgendes für den Titel meiner Kendowindow

 drilldownpopup.data('kendoWindow').title("My Title"); 
     $('.k-window-actions').html('<span class="titletext">' + "Make & Hold Details" + '</span><a href="#" class="k-window-action k-link"><span class="k-icon k-i-close"></span></a>'); 
1

Sie können Titel im Grid Edit-Ereignis ändern.

grid.bind("edit", function (event) { 
    event.container.parent().find('.k-window-title').text(event.model.isNew() ? "New" : "Edit"); 
});