问题标签 [kendo-ui-grid]

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

javascript - How can mark newly added row in kendo ui grid

I am working on kendo UI grid which is located whitin tabstrip (tabstrip.select(0)). Fields for input are located in second tabstrip (tabstrip.select(1)). Crud operations working properly. My button save click event look's like this:

How can mark newly added/edited row in kendo ui grid? Any help appreciated. Thank you in advance.

0 投票
1 回答
1990 浏览

javascript - Master-Detail Kendo UI网格(当在主网格中选择行详细获取条目时,网格)

我正在使用分离的主细节剑道 ui 网格。主网格位于 tabstrip 1 (tabstrip.select(0)) 内。用于添加/编辑的字段(用于主网格)位于首页的 tabstrip 2 (tabstrip.select(1)) 中。在 tabstrip 2 中,我嵌套了用于详细信息网格的 tabstrips(在中间底部页面中)。详细信息网格位于嵌套的 tabstrip 1 (tabstripNested.select(0)) 中,用于添加/编辑的字段位于嵌套的 tabstrip 2 (tabstripNested.select(1)) 中。我想要的是?我希望当我在主网格中选择一些在详细信息网格中显示适当条目的行时。这是我的主数据源:

这是我的主网格:

这是我的详细资料数据源:

这是我的详细信息网格:

detailsDataSource 具有 masterDataId 字段,该字段与 masterDataSource 中的 Id 相同。因此,当我在主网格中选择某行时,我需要从详细信息网格中显示相应的记录。例如:当我在主网格中选择第一行时,我需要显示详细信息网格中的前两条记录(masterDataId = 1)。如果我在主网格中选择第二行,我需要从详细信息网格(masterDataId = 2)中显示第三、第五、第六和第八行。实现这一点的最佳方法是什么?任何帮助表示赞赏。先感谢您。

0 投票
1 回答
123 浏览

kendo-ui-grid - Kendo UI 网格分页问题

我的网站上有两个按钮(申请、提交)。我选择一行(第 1 页)并通过网格分页导航到另一页(第 2 页),然后选择另一行。我对该行进行了一些更改,然后单击“应用”。更改会应用于当前页面(第 2 页),但是当我导航到第 1 页时,更改不会反映出来。当我提交时,它会发送两个受影响的行并更改值。这意味着它会更改两行的值,但不会反映在 UI 上。这是缓存的问题还是其他问题?

0 投票
1 回答
605 浏览

mvvm - 如何在 KendoUI 中为底层 JSON 数据创建视图模型

我的问题是如何使用KendoObservable对象创建 JSON 数据的视图模型对象(从 .json 文件解析)?

我稍后将 viewmodel 对象绑定到 div 元素 kendo.bind($("div"), viewModel);

dtSource但是,当我尝试在浏览器上的开发人员控制台上进行调试时,我无法从我得到的 JSON 文件中读取内容

我正在阅读的 SiteMaster JSON 文件如下

0 投票
0 回答
1237 浏览

angularjs - 通过 Angular Kendo UI Grid 的工具栏显示/隐藏列

我们的 Web 应用程序使用 Telerik Kendo UI 和许多 Angular Kendo UI 网格。每个 Grid 都有几列。我们的一些用户不喜欢查看所有列,因此我们希望通过复选框为他们实现列显示/隐藏功能。根据Kendo UI Grid docs,可以通过将以下行添加到 Kendo Grid 选项来实现。

上面的行在每列的标题中添加了一个列菜单,并默认打开排序、过滤、列显示/隐藏。这样做的问题是,列显示/隐藏现在出现在每列的列菜单中,并且所有列都列在每列中。这会导致冗余,而且用户每次都必须做更多的事情来过滤网格(非常重要!!!)。

这是一个展示该行为的道场示例:示例

我想要做的是在我的 Angular Kendo UI Grid 的工具栏中实现一个下拉菜单或一个菜单,其中列出了所有带有复选框的列。用户应该能够选中/取消选中他们想要查看的列。然后我可以调用 Kendo UI Grid 的hideColumnshowColumn方法来显示/隐藏Kendo UI Menu的select 事件上的列。

我尝试构建一个带有 Kendo UI 菜单的自定义工具栏模板并绑定到静态文本数据。

工具栏模板:

角代码:

菜单不显示。:( 这是带有自定义工具栏模板的 dojo 示例:示例

我是 AngularJS 初学者。我采取了错误的方法吗?请帮助我从网格工具栏实现下拉/菜单。

谢谢。

0 投票
0 回答
162 浏览

javascript - 带有远程数据源的 Kendo UI (JS) 网格,如何手动保存更改?

我有我的 Javascript Kendo UI 网格,其数据源在更新时调用 ASP.Net MVC 操作。当我编辑一行并单击复选标记以确认这些更改时,此时将执行远程更新。

我想做的是进行更改,“在本地确认”并且仅在单击表单末尾的“保存”按钮时才保存它们(通过调用 sync())。这样用户就可以取消整个表单,包括他们在网格上所做的更改。通过阅读DataSource API Reference,我虽然只需要将 autoSync 设置为 false,但这并没有什么区别。

谢谢!

更新:我找到了答案。网格可以配置为使用批量编辑。在这种情况下,更改在本地完成,直到在网格上按下“保存更改”按钮。网格对象上还有一个 saveChanges 方法,我将在单击表单按钮时调用它,就在提交之前。

0 投票
1 回答
318 浏览

asp.net - Restier(Odata)扩展+计数和顶部不起作用

我实际上正在使用 Restier 0.4.0-rc2 并且在扩展我的实体时遇到了问题。

例子 :

一切都正确,计数是 97

还可以,计数是 97

没关系,计数现在是 10。

这是一个问题,因为我的分页不再在我的剑道 ui 网格中工作。

我不知道如何解决这个问题,我在谷歌上做了很多搜索,但没有解决我的问题..

有人有想法吗?

非常感谢你

0 投票
1 回答
1943 浏览

javascript - 带有 AngularJs 的 Kendo UI:当用户在网格中选择行时如何在文本框字段上绑定数据

我正在使用 Kendo UI 和角度网格应用程序。在我的应用程序中,我定义了 Kendo TabStrip。在第一个选项卡中,我有带有数据的 Kendo UI 网格,第二个选项卡包含适当的文本框字段,当用户在网格中选择某些行时将填充这些字段。我的网格在加载页面时填充了数据并且它工作得很好,但是到文本框字段的数据绑定不起作用。当用户在网格中选择行时,如何在文本框字段上绑定数据?

这是我的 JSON 数据(在单独的文件中):

这是我的角度服务(在单独的文件中):

这是我的控制器(在单独的文件中):

这是我的 HTML:

任何帮助都会非常有用。

0 投票
0 回答
1044 浏览

javascript - Kendo UI - AngularJS:选定网格行的上下文菜单

我正在使用 Kendo UI 和角度网格应用程序。我的网格在这里定义。现在,我在我的 html 中添加了 kendo-context-menu 小部件,就像:

另外,我在控制器中添加了范围上下文菜单功能:

这是我的代码,但不起作用。为选定的网格行实现上下文菜单的最佳方法是什么?任何帮助都会非常有用。

0 投票
1 回答
663 浏览

javascript - 如何绑定外键 kendo ui 下拉列表(带角度)

我正在使用剑道 UI 和角度网格应用程序。我的网格是从 JSON 数据(单独的文件)填充的,我正在使用角度服务:

我的 JSON 数据:

我的角服务:

这是我的控制器:

这是我的 JSON,其中包含 documentType 的数据:

这是我的 HTML:

在 HTML 中,我有包含 documentType 数据的下拉列表,并且我的下拉列表中填充了 JSON 数据。但是,问题在于绑定。当我选择一些网格行下拉列表时,总是显示第一项。我的网格数据源包含外键值 (documentTypeId),该值应与 documentType JSON 文件中的 Id 值匹配,即 $scope.documentType 属性 dataValueFiled 值。如何绑定这个下拉列表?请帮忙..