问题标签 [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.
knockout.js - 单元格内的敲除 KOGrid 超链接
我有一个 ASP.Net MVC5 应用程序,它返回一个视图模型到几个字段,其中一个包含一个 URL。当视图模型中的数据显示在 KO 网格中时,我希望包含超链接字段的列显示为超链接。
我试过使用 GridOptions 的 cellTemplate 属性,但没有运气:(说实话,我只是在猜测如何从 gridOptions.columnDefs 引用视图模型中字段的值,所以如果有任何提示,我将不胜感激
这是我的看法:
以及我的淘汰赛js的相关部分:
我的视图模型从控制器发送回视图:
每个LinkToFaultsPage字段都包含一个 url
asp.net-mvc-4 - 在页面上也选择时不显示 KoGrid
我有一个 ASP.Net MVC4 网站。这是问题视图:
我已经注释掉了导致问题的选择。如果我把它留在里面,那么它显示得很好,包括我期望的可观察数组中的项目。然而,由于某种原因,KoGrid 没有显示出来。如果我删除Select然后 KoGrid 显示就好了。我尝试在打开 Google 开发工具控制台窗口的情况下进行刷新,但没有报告错误。任何想法为什么?
以下是淘汰视图模型的相关部分:
knockout.js - KnockoutJs KoGrid 无法勾选复选框以进行选择
我有一个 KnockoutJs Ko Grid,它被配置为允许用户选择多行。可以选择行,并且我能够确定在绑定到按钮单击的 JS 函数中选择了哪些行。但是,显示并不完全正确。当用户单击网格左侧的复选框时,它不会被选中。
在我的 JS 视图模型中,我设置了以下 gridOptions。我已将selectedwithCheckboxOnly设置为 true,因为其中一列包含我需要用户能够操作的超链接:
我在以下 JsFiddle 中发现了相同的行为:http: //jsfiddle.net/BizTalkers/oowgbj80/
knockout.js - KoGrid 自定义单元格模板
对于这个模型:
如何在我的单元格中使用字段 Color 和 AvailablePatterns?我尝试使用 $parent.getProperty 方法获取此字段,但它对我不起作用
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
javascript - KO Grid 无法保存已编辑单元格中的数据 - 使用 Plunker
我有一个 Asp.Net MVC 网站,我已经开始使用 knockoutjs kogrid 来显示数据网格。
对于一个特定的网格,我希望用户能够编辑电子邮件地址列。单击保存按钮时,编辑的值应保存到数据库中。
我可以显示网格,并且在选择一行时,用户可以在所需的单元格中键入。我的问题是,我还没有弄清楚如何引用更改后的单元格值。
这是我的网格选项的定义:
$parent.entity[$data.field]非常适合选择从数据库加载但不给我编辑值的值。当我在单击“保存到数据库”按钮时运行的 js 代码上放置断点时,我确实可以在WorkflowRules.TargetEmailAddress中看到已编辑的值,但我还没有弄清楚如何绑定到它。
我在这里创建了一个 plunk 来帮助说明:https ://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo
谁能告诉我需要如何设置我的 emailCellTemplate?
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 示例)匹配项目?
javascript - kogrid 过滤器不工作 - 使用 plunker
我正在尝试使用 knockoutjs ko 网格的过滤器功能。有两个问题:
- 过滤器的下拉菜单显示“选择列”,但列名的末尾被表符号覆盖
- 过滤器功能不起作用。当我输入时,数据没有被过滤
我在这里有一个 plunkr:https ://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview
我还尝试了最基本的网格选项:
谁能看到我哪里出错了?
javascript - KO Grid - 重复值
在我的一个观点中,我有一个带有 KOGrid 的 ASP.Net MVC 站点。这通过对控制器进行 Ajax 调用来提取数据,然后控制器通过 EF 从 SQL Server 中进行选择。我的数据表如下所示:
我的 KO Grid 具有以下列定义:
我有以下网格选项:
我有一个可观察的数组来保存要在 kogrid 中显示的数据:
这由以下 javascript 函数填充:
从 Chrome 开发者工具的以下截屏中可以看出,这个 observable 被正确填充:
我的问题是 - 显示时,显示的日期都是当前机器日期时间 - 与从 ajax 调用中检索到的数据无关,如下所示:
谁能看到我哪里出错了?
javascript - knockoutjs kogrid 在单元格内显示日期 - 带有 plunk
我有以下 columnDefs
我的问题是 Time SentX。我希望它显示 entity.timeSent 的内容,但使用时刻库转换为人类消费。
如何从我的 columnDefs 中调用函数 moment($parent.entity.timeSent).format('DD/MM/YYYY h:mm a')?
在下面的 plunk 中,第 96 行需要包含类似