2013-04-18 131 views
1

我已經安裝了帶有POPUP選項的KendoGrid。創建按鈕的KendoUI網格自定義彈出式模板

現在我被困在某處,我不能找到任何幫助與我所希望的方式解決它..

因此,這裏是我與KendoGrid彈出編輯面臨的問題。

當我點擊添加新記錄時,頂部的標題顯示編輯,與點擊編輯時顯示的相同。

http://jsfiddle.net/valchev/BCBzS/1/

還按鈕顯示更新,而不是它應該是節省創建彈出窗口按鈕..

我想我有更多的添加類似下面這樣創造新的紀錄..

editable: { 
    mode: "popup", 
    template: kendo.template($("#popup_editor").html()) 
}, 

並且彈出式創建模板與編輯模板不同?

任何人都可以幫我解決這個問題嗎?

回答

5

如果你看一下demo page爲彈出的編輯,這似乎是正常的行爲......

但是你可以欺騙和使用edit事件電網,以改變這種狀況。只需在本次活動開始時添加以下代碼:

if(!e.model.Id) { 
    $(".k-window .k-window-title").text("Add new record"); 
    $(".k-window .k-grid-update").html("<span class=\"k-icon k-update\"></span>Create"); 
} 

查看最新的jsFiddle

+0

問題與你的絕招解決做..你的jsfiddle更新幫助了我很多。 謝謝。 –

0

您可以使用Kendo UI網格本地化來更改彈出式標題。

爲了改變Edit標題,你應該在網格中定義:

editable : { 
    mode : "popup", 
    window : { 
     title: "Create", 
    } 
}, 

對於改變我們需要做的小動作......這些標籤可以在column.command本地化如下按鈕的標籤:

columns : [ 
    { 
     command: [ 
      { 
       name: "edit", 
       text: { edit: "Modify", update: "Save", cancel: "Cancel"} 
      } 
     ], 
    }, 
    ... 

問題是,窗口標題和按鈕標籤在編輯和創建按鈕之間共享,因此改變了您同時更改兩者。你能找到一些適用於兩者的標籤嗎?

看到它在JS Fiddle

+0

先生,你的方式是不是有任何選項可以同時編輯彈出窗口和創建彈出窗口有不同的標題名稱? –

+0

不,據我所知:-( – OnaBai

+0

先生,問題已解決。由@Samuel Caillerie提供的解決方案。 –

0

運行通過添加以下代碼

      edit: function (e) { if (!e.model.isNew()) { 
           e.container.kendoWindow("title", "Update Address"); 
          } else { 
           e.container.kendoWindow("title", "New Address"); 
          } 
         }