问题标签 [kogrid]

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

knockout.js - 单元格内的敲除 KOGrid 超链接

我有一个 ASP.Net MVC5 应用程序,它返回一个视图模型到几个字段,其中一个包含一个 URL。当视图模型中的数据显示在 KO 网格中时,我希望包含超链接字段的列显示为超链接。

我试过使用 GridOptions 的 cellTemplate 属性,但没有运气:(说实话,我只是在猜测如何从 gridOptions.columnDefs 引用视图模型中字段的值,所以如果有任何提示,我将不胜感激

这是我的看法:

以及我的淘汰赛js的相关部分:

我的视图模型从控制器发送回视图:

每个LinkToFaultsPage字段都包含一个 url

0 投票
2 回答
90 浏览

asp.net-mvc-4 - 在页面上也选择时不显示 KoGrid

我有一个 ASP.Net MVC4 网站。这是问题视图:

我已经注释掉了导致问题的选择。如果我把它留在里面,那么它显示得很好,包括我期望的可观察数组中的项目。然而,由于某种原因,KoGrid 没有显示出来。如果我删除Select然后 KoGrid 显示就好了。我尝试在打开 Google 开发工具控制台窗口的情况下进行刷新,但没有报告错误。任何想法为什么?

以下是淘汰视图模型的相关部分:

0 投票
1 回答
238 浏览

knockout.js - KnockoutJs KoGrid 无法勾选复选框以进行选择

我有一个 KnockoutJs Ko Grid,它被配置为允许用户选择多行。可以选择行,并且我能够确定在绑定到按钮单击的 JS 函数中选择了哪些行。但是,显示并不完全正确。当用户单击网格左侧的复选框时,它不会被选中。

在我的 JS 视图模型中,我设置了以下 gridOptions。我已将selectedwithCheckboxOnly设置为 true,因为其中一列包含我需要用户能够操作的超链接:

我在以下 JsFiddle 中发现了相同的行为:http: //jsfiddle.net/BizTalkers/oowgbj80/

0 投票
1 回答
391 浏览

knockout.js - KoGrid 自定义单元格模板

我需要这样的自定义 KoGrid 单元模板: 在此处输入图像描述

对于这个模型:

如何在我的单元格中使用字段 Color 和 AvailablePatterns?我尝试使用 $parent.getProperty 方法获取此字段,但它对我不起作用

https://jsfiddle.net/akvm9qgy/

0 投票
1 回答
199 浏览

javascript - Knockout KoGrid - 没有数据显示

我有一个 ASP.Net MVC5 应用程序,我在其中添加了几个使用出色的 KnockoutJs KoGrid ( http://knockout-contrib.github.io/KoGrid/#/examples ) 的视图。我的问题是我创建了使用 KoGrid 的第三个视图,尽管遵循其他视图上使用的模式,但我无法说服 KoGrid 显示数据。我在这里为这个问题创建了一个 plnkr:http://plnkr.co/edit/0OaqD2?p= preview

“真实”视图有几个选项卡,第一个显示数据库详细信息,第二个在 ko 网格中显示工作流规则。这是我从控制器返回的视图模型:

我的淘汰 vm 如下(我已删除样板分页代码以保持更简洁):

};

我的观点的关键部分如下:

这是 Chrome 如何显示视图的屏幕截图:

在此处输入图像描述

谁能告诉我哪里出错了 - 为什么网格中没有显示数据?

我刚刚意识到,如果我减小显示 kogrid 的浏览器的大小,那么数据就会出现。我在这里制作了一个简短的视频:http: //biztalkers.com/video/kogridproblem.mp4

0 投票
1 回答
55 浏览

javascript - KO Grid 无法保存已编辑单元格中的数据 - 使用 Plunker

我有一个 Asp.Net MVC 网站,我已经开始使用 knockoutjs kogrid 来显示数据网格。

对于一个特定的网格,我希望用户能够编辑电子邮件地址列。单击保存按钮时,编辑的值应保存到数据库中。

我可以显示网格,并且在选择一行时,用户可以在所需的单元格中键入。我的问题是,我还没有弄清楚如何引用更改后的单元格值。

这是我的网格选项的定义:

$parent.entity[$data.field]非常适合选择从数据库加载但不给我编辑值的值。当我在单击“保存到数据库”按钮时运行的 js 代码上放置断点时,我确实可以在WorkflowRules.TargetEmailAddress中看到已编辑的值,但我还没有弄清楚如何绑定到它。

我在这里创建了一个 plunk 来帮助说明:https ://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo

谁能告诉我需要如何设置我的 emailCellTemplate?

0 投票
2 回答
232 浏览

knockout.js - 如何在 KoGrid 中实现 DateTime 排序

我有一个带有 DateTime 行的 KoGrid。我希望能够对这一行进行排序。我尝试实现自定义 sortFn 函数来比较 DateTimes 而不是字符串。但它不能正常工作(3/03/2017 02:20 PM 高于 31/04/2016 02:20 PM)

https://jsfiddle.net/L681pgny/

我该如何解决?以及如何调试 sortFn 函数?

附加问题:排序功能现在仅适用于当前页面。是否可以对所有页面中的所有项目进行排序并在页面上显示 5 个(对于上面的 jsfiddle 示例)匹配项目?

0 投票
2 回答
68 浏览

javascript - kogrid 过滤器不工作 - 使用 plunker

我正在尝试使用 knockoutjs ko 网格的过滤器功能。有两个问题:

  1. 过滤器的下拉菜单显示“选择列”,但列名的末尾被表符号覆盖
  2. 过滤器功能不起作用。当我输入时,数据没有被过滤

在此处输入图像描述

我在这里有一个 plunkr:https ://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview

我还尝试了最基本的网格选项:

谁能看到我哪里出错了?

0 投票
1 回答
86 浏览

javascript - KO Grid - 重复值

在我的一个观点中,我有一个带有 KOGrid 的 ASP.Net MVC 站点。这通过对控制器进行 Ajax 调用来提取数据,然后控制器通过 EF 从 SQL Server 中进行选择。我的数据表如下所示:

在此处输入图像描述

我的 KO Grid 具有以下列定义:

我有以下网格选项:

我有一个可观察的数组来保存要在 kogrid 中显示的数据:

这由以下 javascript 函数填充:

从 Chrome 开发者工具的以下截屏中可以看出,这个 observable 被正确填充:

在此处输入图像描述

我的问题是 - 显示时,显示的日期都是当前机器日期时间 - 与从 ajax 调用中检索到的数据无关,如下所示:

在此处输入图像描述

谁能看到我哪里出错了?

0 投票
1 回答
75 浏览

javascript - knockoutjs kogrid 在单元格内显示日期 - 带有 plunk

我有以下 columnDefs

我的问题是 Time SentX。我希望它显示 entity.timeSent 的内容,但使用时刻库​​转换为人类消费。

如何从我的 columnDefs 中调用函数 moment($parent.entity.timeSent).format('DD/MM/YYYY h:mm a')?

在下面的 plunk 中,第 96 行需要包含类似

https ://plnkr.co/edit/jNn3knbnCCbBQu9NgKze?p=preview