2015-06-16 3 views
0

У меня есть сетка пользовательского интерфейса Kendo с колонкой с выпадающим списком, чтобы изменить некоторые статусы. Он будет генерировать сетку, генерировать ввод для раскрывающегося списка и скриптов в поле ввода, но они как-то не будут продолжены.KendoUI генерирует скрипты, но не запускает их

Когда я копирую эти сценарии и запускаю их в консоли, выпадающее меню начнет работать.

Вот столбец сетки с этим выпадающего меню:

columns.Bound(update => update.FlowStatus) 
     .Width(80) 
     .Title("Status") 
     .Encoded(true) 
     //.ClientTemplate("<input class='dropDownStatus' data-value='#= FlowStatus #' data-id='#= Id #' />"); 
     .ClientTemplate(
      Html.Partial("FlowStatusesEditor", "statusDropDown" + "#=Id#").ToHtmlString() 
     ); 

И частичный вид, что я использую

@using Kendo.Mvc.UI; 
@using Kendo.Mvc.Extensions; 
@model String 

@(Html.Kendo().DropDownList() 
      .Name(Model) 
      .DataSource(dataSource => dataSource 
       .Read(read => read.Action 
        ("GetFlowStatuses", "Update") 
       ) 
      ) 
      .DataValueField("Value") 
      .DataTextField("Text") 
      .ToClientTemplate() 
) 

Любая идея, что с ним делать?

ответ

0

Для этого вам необходимо позвонить kendo.template. Изменить шаблон колонки клиента, как этот

.ClientTemplate("#= flowStatusTemplate(flowStatus) #"); 

<script> 
var flowStatusTemplate = kendo.template('@Html.Partial("FlowStatusesEditor", "statusDropDown" + "#=Id#").ToHtmlString()'); 
</script> 

или вы можете переместить часть страницы в шаблон сумы, как этот

<script id="tmpFlowStatus" type="text/x-kendo-template"> 
    @(Html.Kendo().DropDownList() 
      .Name("FlowStatus") 
      .DataSource(dataSource => dataSource 
       .Read(read => read.Action 
        ("GetFlowStatuses", "Update") 
       ) 
      ) 
      .DataValueField("Value") 
      .DataTextField("Text") 
      .ToClientTemplate() 
    ) 
</script> 

и изменить сценарий, как этот

<script> 
var flowStatusTemplate = kendo.template($("#tmpFlowStatus").html()); 
</script> 
+0

Как это работает ? Он пытается указать мне этот код виджетов, но он выдает критическую критику JavaScript в строке 92, столбец 177 в http: // localhost: 60603/Update \ n \ nSCRIPT1015: Unterminated string constant –

+0

Я не могу отлаживать ваш конец здесь. Попробуйте переместить эту частичную страницу на одну страницу. Я обновлю свой ответ –

+0

Он будет генерировать это, только что уменьшенное: https: //jsfiddle.net/Lp0hq7tm/, что недопустимо javascript. –