问题标签 [kendo-ui-splitter]

想要动态地将新窗格添加到 kendo ui 拆分器，但它似乎不起作用。即使在他们的网站上它也不起作用：Kendo ui splitter demo（我说的是附加窗格和插入窗格）

他们是否有可能添加了一些不起作用的演示，或者我错过了什么？

我有一些要附加到 KendoUI 拆分器容器的 HTML，它分配了引导 css。当 HTML 位于拆分器之外时，样式可以正常工作，但在拆分器内部时它们会中断。

我该如何解决这个问题？

这是一个演示该问题的简单小提琴：http: //jsfiddle.net/codeowl/9Ag3X/17/

这是代码：

这是Javascript：

这是CSS：

使用 Chrome 开发人员工具，我发现一旦渲染拆分器面板 div 就会被分配 k-widget 类。如果我在开发工具中编辑 div 并删除 k-widget 类，则表单将按原样显示，表格单元格中的 5px 填充在文本输入之间放置空间。

但是我还没有确切地缩小 k-widget 类中破坏引导程序样式的范围。

感谢您的时间，

问候，

斯科特

I have a page with a Kendo splitter inside a Kendo tabstrip and they are instantiated using the kendo.init method. There are two tabs and the splitter control is in the second tab. When I click on the second tab, the splitter control has not been initialised correctly. The splitter's divider is not the correct height.

I have put together a sample page that demonstrates this behaviour:

HTML:

JavaScript:

Here is a fiddle of the above code: http://jsfiddle.net/codeowl/2nq5z/3/

You can see in this example that I have tried to implement a workaround I found on the Web to trigger the resize event of the splitter on the select event of the tabstrip. However, this has not worked.

How can I resolve this issue?

Thanks for your time,

Regards,

Scott

我正在使用可由用户自定义的 Kendo UI 编写网页。现在我想保存布局，以便服务器可以向用户发送他的最后一个布局。

我使用 Kendo UI 小部件 Splitter。如何获得分离器的位置。您可以使用名为 size() 的方法设置窗格的大小，但我如何获取该值。

http://docs.telerik.com/kendo-ui/api/web/splitter#methods-size

在我的 Kendo-UI 拆分器的第一个窗格之后，我一直无法弄清楚为什么 Angular 没有在任何地方绑定数据。

这是相关的 HTML，使用了 {{formData.hello}} 的额外用法来说明问题发生的时间：

上面显示了“A = Hello world”和“B = Hello world”，但是“C = {{formData.hello}}”和“D = {{formData.hello}}”。

如果第二个窗格（包含“C =”的 div）被删除，因此拆分器中只有一个窗格，则“D = Hello world”会按预期出现。

这是Javascript：

Plunker：剑道分离器问题

但是，如果我将 ID 为“idLeftRight”的 div 更改为：

然后它工作。

为什么 kendoSplitter() 的行为与 kendo-splitter 不同？难道我做错了什么？

我真的很难尝试使用 Kendo UI Splitter 创建我想要的布局。我要做的就是有一个右窗格和一个顶部和底部窗格，右窗格从上到下并且不被底部窗格切断。下面是我想要完成的图表。如果有人可以提供如何使用 Razor 或 JQuery 执行此操作的示例，将不胜感激。

提前致谢。