问题标签 [kendo-panelbar]

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

javascript - 是否可以为 Kendo 的面板栏小部件中的面板项添加自定义属性?

我正在寻找一种方法来添加和引用自定义属性,例如使用用于 JQuery 的 Kendo UI 的 PanelBar 小部件在我的数据源的 items 数组中的项目的 ID。

我正在用 React 构建我的组件。

例子:

出于某种原因,无论我尝试什么,我唯一能找到的$(e.item)是项目的文本值,而不是 id 值。

0 投票
1 回答
965 浏览

checkbox - 如何切换 Kendo UI PanelBar 上可以展开或折叠的复选框?

我正在尝试制作一个带有多个可扩展选项的面板栏,每个级别都有复选框。我遇到的问题是,如果您单击作为可扩展面板一部分的复选框,则该复选框不会切换。下面是一个显示问题的简化示例。在下面的示例中,无法切换Main 1的复选框

我找到了一种解决方案,可以在单击此处的复选框时防止展开和折叠https://stackoverflow.com/a/31879672/4708150,但即使禁用了展开和折叠,该复选框仍然没有被切换。

0 投票
2 回答
395 浏览

jquery - 获取 Kendo PanelBar 索引

我的 Kendo 面板栏有一个 onSelect 功能

我希望能够获得所选面板的索引。

Kendo 文档中的示例获取面板的名称:

我只想返回 0(用于顶部面板)、1、2、3 等。

谢谢,

0 投票
1 回答
298 浏览

kendo-ui - Telerik MVC 面板栏为每个面板栏项目操作重新加载

我正在使用 Telerik MVC 面板栏作为我的应用程序的侧边菜单栏。我指的是这个链接演示

我确实将我的模型绑定(本地数据绑定)到面板栏,它工作正常。我的问题是如何使面板栏 Item.Action("Action","Controller") 成为 AJAX 调用。因为每次我点击菜单时,我的页面都会重新加载。

我无法在 Telerik MVC 部分找到任何解决方案。

任何帮助,将不胜感激。

0 投票
1 回答
322 浏览

javascript - 如何将 Kendo ListView 放入 Kendo PanelBar 的内容中?

我必须将动态填充的 ListView 放入动态创建的面板中。列表视图在 div 中,id 为listView

我尝试了以下方法:

index.js:

是否可以将 div 放入面板中,或者我是否必须使用部分视图/长字符串来构建列表视图以及如何构建。


我还尝试将 ListView 作为 PanelBar 的模板:

索引.html:

0 投票
1 回答
465 浏览

javascript - 带有 Kendo UI Panelbar 的 JavaScript 搜索栏

有人可以帮助我使用 Kendo UI Panelbar 的搜索栏。

  1. 搜索时,我希望它显示在type='program'上。例如,如果我搜索帐户,则应出现具有帐户字词的程序。
  2. 目前它根本不起作用。它只是扩展了我所有的面板栏程序。:(

这里我提供dojo demo

我的 javascript

基本上我的嵌套列表看起来像这样

这里我提供dojo demo

0 投票
1 回答
1003 浏览

angular - Kendo UI for Angular - 如何根据当前路线选择 PanelBar

我正在尝试使用 KendoUI 的 PanelBar 进行 Angular 应用导航。一旦您在页面上并将其用于导航,它就可以很好地与路由器链接一起使用。但是,如果我直接转到一个链接,它就不起作用。例如,如果我转到http://localhost:4200/licenses则面板栏显示未选择任何内容,但如果我只转到http://localhost:4200/然后单击许可证部分,它会转到那里并显示它已选中. 无论它是从页面中导航还是从外部链接导航,我如何才能让它在我在该 URL 上时显示为选中状态?

这是我的导航组件代码:

我也尝试使用 [selected] 绑定,但是当我这样做时,无论它来自哪里,它都没有显示任何选择......

0 投票
1 回答
111 浏览

kendo-ui - 如何根据 json 提要中的属性从 JQuery 面板项目中导航

刚接触剑道,认为这很容易,但我正在努力寻找答案。我有一个基于 json 对象的 JQuery 面板栏。我希望屏幕导航到 json 中定义的 url。每个项目在 json 中都有自己唯一的 url。

我考虑过添加一个带有隐藏跨度的模板并添加一个自定义类和一个 data-itemid 属性,但我不确定我是否在想这个。我不知道剑道是否有一种我想念的简单方法。

此外,是否有用于导航的 Kendo 方法,或者我应该只在函数中使用 window.location 。

最后,我注意到在定义面板栏时可以使用一种选择方法,但是,很多人似乎只是在脚本标签中使用函数 onSelect(e)... 编写函数。当单击面板项时,哪种方法更适合将用户发送到新屏幕?

如果内联定义,我的数据将如下所示:

0 投票
1 回答
85 浏览

kendo-ui - 如何在面板栏中使点击导航成为有条件的

我有一个基于远程数据源的面板栏,一切正常。提要中的一个属性与屏幕上的表单字段相结合,将确定用户是否可以单击面板栏中的子项并导航到 url,或者获得警告对话框并且导航失败。

我正在使用以下技术来捕获提要中给定的 json 属性并将其与面板中的每个项目相关联:

因此,当我单击给定项目时,我会收到一条警报,告诉我 type 属性是什么。我现在需要根据这个值和屏幕上的另一个字段告诉面板“不允许点击通过 url 工作”。

0 投票
1 回答
145 浏览

asp.net-core - Kendo UI:网格和面板栏

我想实现以下内容:

在此处输入图像描述

因此,Kendo UI Grid 在每一行内都有一个面板栏。我试图找到一个解决方案,但大多数情况反之亦然:将网格添加到面板栏。据我了解,我只需要在每一行网格中添加一个子行。如何实施?

我使用 ASP.NET 核心。