问题标签 [kendo-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 回答
1019 浏览

html - 使用菜单下方的剑道拆分器后,菜单未显示菜单项

单击设置菜单项时,我的菜单未显示项目。在使用剑道分离器之前,它工作得很好。现在,即使在菜单元素上设置了更高的 z-index,菜单也不会弹出。

这是我的菜单栏

在此菜单下方使用剑道拆分器

)

0 投票
1 回答
862 浏览

html - 如何使用 kendo ui 拆分器在完整可用区域中显示 div 容器?

我想在完整的可用区域中显示这个 div 的内容,我在 jsfiddle 中创建的示例,当加载它显示如下的页面时,我想将此页面作为一个完整页面(用绿色圈起来) ,但我无法覆盖红色圈出的区域。有什么建议么?

http://jsfiddle.net/KendoDev/Z4rwQ/9/

在此处输入图像描述

0 投票
0 回答
64 浏览

javascript - 更改 div 的宽度不适用于孩子

我有具有以下结构(简化)的剑道分离器:

如何修改“Mainsplitter”宽度,以便窗格也反映更改,并且如果浏览器窗口大小也发生更改,Mainsplitter 会调整大小。

注意:如果我更改主拆分器的宽度,则 div 中的窗格溢出会在第一次服务器 ajax 调用后激活。(这有意义吗?)

0 投票
2 回答
2681 浏览

css - 剑道拆分器:调整可折叠图标的大小

Kendo Splitter有一个我想使用的可折叠属性。但是,图标是一个非常小的箭头,一点也不直观,用户几乎看不到它。即使他们知道它在那里,图标也太小了,以至于单击它需要一些时间,因为悬停这样一个小图标并没有那么快。

分路器

我想让它变大。我设法扩大了分隔线本身

但不是小图标。

我从一个与我完全相同的问题的用户那里找到了这篇文章,但是那里的解决方案不起作用,并且用户没有对它们提供任何反馈。

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 回答
552 浏览

javascript - 在 iframe 内单击按钮时切换 Kendo Splitter

我的剑道分离器如下。

在我的 POC 中,我在分离器外部有一个按钮,用于切换left-pane完美的工作。

现在,如果我在 iframe 中使用相同的按钮并拨打电话。它不起作用。

我尝试通过以下几种方式进行操作:

1)

2)

我无法理解我哪里出错了或者我错过了什么。请在这里指导我。

谢谢

0 投票
1 回答
2631 浏览

javascript - 剑道拆分器:如何在单击按钮时将拆分器的“可折叠:假”属性更改为“可折叠:真”

我们可以强制剑道在单击按钮时将拆分器的“collapsible:false”属性更改为“collapsible:true”吗?

加载时,如果拆分器属性“collapsible”设置为“false”,则用户无法将其折叠回来。

那么如果我设置属性“collapsible:false”但是在运行时单击按钮将属性更改为“collapsible:true”然后折叠然后将其设置回“collapsible:false”,是否仍然存在?

这是我的代码:

HTML

JS

这是我的代码演示的链接:http: //jsfiddle.net/hxtxokoq

如果您需要任何其他详细信息,请提出建议并告诉我。

提前致谢!

0 投票
2 回答
987 浏览

jquery - 在另一个剑道拆分器中管理调整剑道拆分器的大小

我在一个页面上有两个剑道拆分器。一个剑道分离器位于另一个剑道分离器内部。我的问题是如何在调整父剑道拆分器的大小时停止调整子剑道拆分器的大小。这是一种不寻常的行为,但我需要让它发挥作用。

看,当我尝试调整第一个拆分器的大小时,第二个拆分器也会自动调整大小。我怎样才能阻止它调整大小?有人可以请吗?

0 投票
1 回答
450 浏览

jquery - 剑道ui分离器开关方向

只是想在这里分享我最近的一个项目遇到的一个小问题的解决方案。

接下来的情况是:在基于 kendo UI 的 Web 项目中,您希望使用拆分器功能和下一个基本配置:

HTML

JS

现在假设您想更改“切换”方向并能够根据需要重复使用该切换。

主要问题是 Kendo UI 没有提供切换方向和维护底层现有窗格的内置功能。

我将在下面自己提供答案,但欢迎其他工作解决方案或更有效的方法。

0 投票
0 回答
276 浏览

javascript - KendoUI - 以编程方式创建/销毁拆分器

在我的项目中,我需要动态创建和删除拆分器。我们正在使用 KendoUI。

以编程方式创建拆分器很好。它正在移除我担心的分离器。我查看了拆分器控件的 API,它有一个destroy方法,但不会从 DOM 中删除小部件。

我认为留给我的唯一选择是从 DOM 中手动删除它。所以我所做的是我检查了元素拆分器功能创建/修改,然后将它们恢复到原始状态。

这是我到目前为止写的代码:

HTML

JavaScript

我还为此功能创建了一个小提琴 - https://jsfiddle.net/7gyfr1v6/3/

所以上面的代码有效。在小提琴中,当我单击时Create Splitter,它会创建它们,当我单击时Destroy Splitter,它会删除拆分器功能。然而,为了实现这一点而操纵 CSS 听起来有点 hacky。

有没有更好的方法来实现这一点?如果没有,您在我编写的代码中是否看到任何问题,可以改进此代码吗?