2013-06-04 12 views
7

Tôi có Lưới giao diện người dùng Kendo tải cửa sổ bật lên khi tạo mới hoặc chỉnh sửa bản ghi hiện có.Thay đổi văn bản Nút trong Kendo Ui Lưới Cửa sổ bật lên

Tôi đang cố gắng tìm cách thay đổi văn bản của nút Cập nhật thành "Lưu" khi tôi tạo bản ghi mới (hiện tại là "Cập nhật" - và không chính xác).

Tôi có thể thay đổi tiêu đề của cửa sổ bật lên, nhưng câu hỏi của tôi là: làm cách nào để thay đổi văn bản nút?

Đây là mã:

$("#grid").kendoGrid({ 
      dataSource: dataSource, 
      pageable: true, 
      sortable: true, 
      groupable: true, 
      height: resizeGrid(), 
      filterable: true, 
      toolbar: ["create"], 
      columns: [ 
       { field: "OfficeName", title: "Office Name" }, 
       { field: "SupportNo", title: "Phone No.", width: "100px" }, 
       { field: "SupportEmail", title: "Email Address", width: "130px" }, 
       { field: "SupportFax", title: "Fax No.", width: "100px" }, 
       { field: "SupportFtp", title: "Ftp Url", width: "150px" }, 
       { command: ["edit", "destroy"], title: "Actions", width: "160px" }], 
      editable: "popup", 
      edit: function (e) { 
       var editWindow = e.container.data("kendoWindow"); 

       if (e.model.isNew()) { 
        e.container.data("kendoWindow").title('Add New Office'); 
        $(".k-grid-update").text = "Save"; 
       } 
       else { 
        e.container.data("kendoWindow").title('Edit Office'); 
       } 
      } 
     }); 

Trả lời

16

Bạn nên xác định command như:

command: [ 
    { 
     name: "edit", 
     text: { 
      edit: "Edit",    // This is the localization for Edit button 
      update: "Save",    // This is the localization for Update button 
      cancel: "Cancel changes" // This is the localization for Cancel button 
     } 
    }, 
    { 
     name: "destroy", 
     text: "Delete Office"   // This is the localization for Delete button 
    } 
] 

Bên cạnh đó, nếu bạn cũng muốn thay đổi các văn bản Edit trong cửa sổ popup, bạn nên sử dụng:

editable : { 
    mode : "popup", 
    window : { 
     title: "Edit Office",   // Localization for Edit in the popup window 
    } 
} 
+0

Cảm ơn phản hồi OnaBai Tôi tin rằng những gì bạn đang đề xuất sẽ làm việc cho một mạng lưới có thể chỉnh sửa có đúng không? Vấn đề của tôi là tôi muốn thay đổi nút Cập nhật trên cửa sổ bật lên mà tôi sử dụng để chỉnh sửa một hàng cụ thể. Có lẽ nó sẽ được nối với sự kiện chỉnh sửa giống như sự kiện tôi đã đặt trong mã ở trên? nhưng tôi đang sử dụng jQuery và nó không hoạt động. Bạn đề xuất gì trong trường hợp này OnaBai? – EdsonF

+0

Thao tác này cho nút 'Cập nhật' của hàng chỉnh sửa của bạn. Đối với điều này, bạn không cần jQuery. Giao diện người dùng Kendo sử dụng các nhãn này khi tạo các nút cho cửa sổ bật lên – OnaBai

+0

Kiểm tra tại đây http://jsfiddle.net/OnaBai/XQhv4/1/ – OnaBai

6

Điều này sẽ cập nhật văn bản trong nút của PopUp biên tập:

if (e.model.isNew()) { 
    $("a.k-grid-update")[0].innerHTML = "<span class='k-icon k-update'></span>Activate"; 
} 
else { 
    $("a.k-grid-update")[0].innerHTML = "<span class='k-icon k-update'></span>Save"; 
} 
0
edit: function (e) { 
    if (e.model.isNew()) { 
     $(".k-window-title")[0].innerHTML = "Add"; 
    } 
}