Kendo ui KendoMobile ui模板未呈现css如何使用视图中的kendo stylng使模板呈现?

Kendo ui KendoMobile ui模板未呈现css如何使用视图中的kendo stylng使模板呈现?,kendo-ui,Kendo Ui,基本上,模板不会使用kendo.render(模板,响应)呈现到ScrollView,但可以使用content=template(响应)-但是视图中没有样式-请参见下面的注释 如何在视图中使用剑道样式进行模板渲染 来自api调用的BTW响应是JSON: {“事件id”:“5”,“盖章”:“2013-01-24 06:00:00”,“类型”:“事件类型”,“loc”:“位置”,“状态”:“1”} --> 分享这个 ”; } }); } 小部件类(如km按钮)在小部件初始化之前不会

基本上,模板不会使用
kendo.render(模板,响应)
呈现到ScrollView,但可以使用
content=template(响应)
-但是视图中没有样式-请参见下面的注释

如何在视图中使用剑道样式进行模板渲染

来自api调用的BTW响应是JSON:

{“事件id”:“5”,“盖章”:“2013-01-24 06:00:00”,“类型”:“事件类型”,“loc”:“位置”,“状态”:“1”}


-->

分享这个

”; } }); }
小部件类(如
km按钮
)在小部件初始化之前不会添加

template()
render()
函数只是将模板作为字符串返回,并替换数据(用foo属性的值替换#=foo#)但不会初始化所有的小部件。事实上,如果它想初始化小部件,它不会初始化小部件。它只返回一个文本字符串,而不是DOM元素。小部件的初始化通常由使用模板的父小部件完成


render()
在您的情况下不起作用,因为它的第二个参数应该是一个数组。它所做的只是对数组中的每个项调用给定的模板函数一次,并连接结果。如果改为:

var content = kendo.render(template, [response]); // wrap response in an array
它将返回与
template(response)
相同的文本字符串。它只是提供了一种将同一模板同时应用于多个项目的方法


通常,当您创建一个小部件时,在您调用
.kendoMobileScrollView()
的情况下,您希望它也将该元素的任何HTML内容转换为小部件,但它看起来好像没有这样做。我认为它的目的可能只是显示静态内容的页面,而不是其他小部件


文档中没有列出一个剑道方法,
Kendo.mobile.init(contents);
,您可以使用它将模板字符串转换为小部件。当我在JSFIDLE中尝试它时,它为我抛出了一些错误,但您可以尝试以下操作:

var content = template(response); // apply response to template
var contentElements = $(content); // turn the string into DOM elements
kendo.mobile.init(contentElements); // turn elements into widgets (this throws error for me)
$("#eventDetail").html(contentElements); // add contents to the desired element
$("#eventDetail").kendoMobileScrollView(); // create the scroll view

另外,模板末端悬挂的结束和开始注释位是什么?我不明白为什么需要这些注释位。最好删除它们



ScrollView小部件应该将一系列
元素作为其子元素。然后,当您在控件上左/右滑动时,它会在元素之间翻页。我看不到您在任何地方添加一系列

开始注释标记来自文档-删除可能导致ScrollView小部件出现问题的空白你解决了我的问题thxOK,所以我切换到listview-但仍然没有运气..看到我的新问题了吗
var content = template(response); // apply response to template
var contentElements = $(content); // turn the string into DOM elements
kendo.mobile.init(contentElements); // turn elements into widgets (this throws error for me)
$("#eventDetail").html(contentElements); // add contents to the desired element
$("#eventDetail").kendoMobileScrollView(); // create the scroll view