问题标签 [kendo-ui-splitter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
734 浏览

javascript - 在 kendo ui 拆分器中添加新窗格

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

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

0 投票
1 回答
3165 浏览

twitter-bootstrap - KendoUI Splitter 打破了引导样式

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

我该如何解决这个问题?

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

这是代码:

这是Javascript:

这是CSS:

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

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

感谢您的时间,

问候,

斯科特

0 投票
1 回答
1430 浏览

jquery - Kendo Splitter inside Kendo TabStrip with MVVM init

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

0 投票
1 回答
1259 浏览

javascript - 剑道 UI 拆分器 getsize(), getPosition()

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

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

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

0 投票
1 回答
787 浏览

angularjs - Angular Kendo Splitter 仅在第一个窗格上绑定数据

在我的 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 不同?难道我做错了什么?

0 投票
1 回答
543 浏览

jquery - 剑道分离器方向

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

布局说明。

提前致谢。