2012-11-21 48 views
1

我创建一个模板KendoUI像这样:KendoUI模板无效

  <ul class="nav nav-list flow-list"> 
       <li class="nav-header">Flows in action</li> 
       <script id="flow-list" type="text/x-kendo-template"> 
        #for (var i = 0; i < data.length; i++ {# 
         <li>#=data[i]#</li> 
        #}# 
       </script> 
      </ul> 

这里是如何我传递数据:

//Get the external template definition using a jQuery selector 
var template = kendo.template($("#flow-list").html()); 

//Create some dummy data 
var data = ["Todd", "Steve", "Burke"]; 

//Execute the template 
template(data); 

运行上面的代码显示了我一个错误说"Invalid template"

任何指针?

回答

4

您错过了for循环的右括号。

#for (var i = 0; i < data.length; i++ /* missing) */ {# 

这里是一个工作演示:http://jsbin.com/ihivez/1/edit

+1

此外,*记得*注意,在调用您生成HTML模板,但你不把它插入到你的网页。你必须做Atanas在工作演示'$(“。nav-list”)上做的事情。append(template(data));' – OnaBai

+0

@Atanas&Emiliano - 非常感谢你指出这一点。我需要更加锐利.. –