Kendo網格控件中的DropDownList（通過ClientTemplate）

Question

我需要像對待EditorTemplateName一樣對ClientTemplate做出行為。 所以我想做這樣的事情：

模板：

@(
     Html.Kendo().DropDownListFor(m => m)        
            .BindTo((SelectList)ViewData["ExamResults"])
                .Template("#:Value# #:Text#")
                .DataTextField("Text")
                .DataValueField("Value")
            .Events(e => e
                .Change("examResultOnDropDownChange")
                .Open("examResultOnOpen"))
 )

並將列添加到網格中： .EditorTemplateName("ExamResultGridForeignKey")

但我想： .ClientTemplate("ExamResultGridForeignKey")或類似的東西（但它不起作用）：

.ClientTemplate(
                Html.Kendo()
                    .DropDownList()
                    .Name("#=Id#")
                    .BindTo((SelectList)ViewData["ExamResults"])
                    .Template("#:Value# #:Text#")
                    .DataTextField("Text")
                    .DataValueField("Value")
 )

我需要在不可編輯的模式下（當我們顯示值時）使用DropDownList制作字段的所有事情看起來都像可編輯的DropDownList。

Answer 1

這就是我的下拉列表的呈現方式。 IsInForecast是一個布爾字段。 If Isother所做的所有事情都是根據IsInForecast屬性的值選擇正確的ddl值（對/錯）。 您將不得不根據需要對其進行調整。

columns.Bound(m => m.IsInForecast).Title("Is Forecasted").ClientTemplate(

   "# if (IsInForecast == true) { #" +

                          "<select id='#= OrderId #' onchange=save('#= OrderId #'); style='Width: 80px; color: 'navy' > " +
                            "<option id='yes' selected value='1'>Yes</option>" +
                            "<option id='no' value='0'>No</option>" +

                            "</select>" +
                     "# } else { #" +
                          "<select id='#= OrderId #' onchange=save('#= OrderId #'); style='Width: 80px; color: 'navy' > " +
                            "<option id='yes'  value='1'>Yes</option>" +
                            "<option id='no' selected value='0'>No</option>" +
                         "# } #" 
            );             

您在其中看到"<select id='#= OrderId #'將ddl ID字段設置為"<select id='#= OrderId #' ，以便知道正在編輯的下拉列表/記錄onchange=save('#= OrderId #');調用JS函數它將模型屬性OrderId傳遞給方法。要獲得剛更改的正確ddl的選定值，可以執行此操作。

save(orderId) function{
  var ddl = # + orderId;
  var getSelectedValue = $(ddl).val();
}  

這將呈現一個標准的DDL。 您可以在此處查看文檔

 http://demos.telerik.com/kendo-ui/web/grid/editing-custom.html