禁用换行时,Kendo布局中断

时间:2014-02-20 16:44:44

标签: javascript jquery kendo-ui single-page-application

在“剑道视图”中,您可以通过向选项{ wrap: false }提供选项来禁用包含在其中的内容。这在此处记录:http://docs.telerik.com/kendo-ui/api/framework/view#configuration-wrap

但是,此选项在使用它初始化时会破坏Kendo布局。我的理解是Kendo布局继承视图,所以它应该以相同的方式工作吗?

var layout = new kendo.Layout('<div id="body"></div>', { wrap: false });
layout.render("#main");
layout.showIn("#body", new kendo.View("<p>This is content</p>"));

没有任何错误消息,只是一个空白屏幕。从布局init中删除wrap选项再次起作用,但我试图禁用用虚拟div包装布局。

http://jsfiddle.net/5SWYu/

2 个答案:

答案 0 :(得分:0)

wrapView而不是Layout的配置参数。您的代码应为:

var layout = new kendo.Layout('<div id="body"></div>');
layout.render("#main");
layout.showIn("#body", new kendo.View("<p>This is content</p>", { wrap: false }));

这是你修改过的JSFiddle:http://jsfiddle.net/OnaBai/5SWYu/1/

答案 1 :(得分:0)

Wrap设置为false依赖于模板将具有单个根元素。我刚刚更新了the documentation以反映这一点。