问题标签 [knockout-kendo]

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 投票
3 回答
9586 浏览

javascript - 使用 Knockout-Kendo.js 为 kendo 网格自定义标题以进行 ko 绑定

我尝试使用带有敲除绑定和 Knockout-Kendo.js 库的剑道网格

定义如下:

从 REST 服务加载的数据有更多我想在网格中显示的列 由于模板,行看起来不错,但问题在于网格标题,为源中的每个字段创建列。

如何隐藏标题中的某些列,并自定义它们的标题标签(更改列宽、标题标签并最终允许额外的自定义 .

例如,在上图中,我想要 Co

0 投票
1 回答
1617 浏览

knockout.js - Kendo 网格、ko 绑定和对行索引的访问

我有一个 ko 视图模型,我使用 knockout-kendo.js 将它绑定到一个 KendoGrid

我使用 rowTemplate,因为我在某些列(图标、链接等)中需要一些自定义功能

我需要根据行号做一些自定义功能。

直接绑定 ko viewmodel 时,我可以使用 foreach 绑定,在行模板中我有 $index ,它给了我当前的行号。

当视图模型绑定到剑道网格时,我怎样才能得到同样的东西?

谢谢

0 投票
3 回答
1594 浏览

templates - 剑道网格、淘汰赛虚拟机和行模板

我有一个绑定到 ko vm 的 KendoUI 网格

由于特定要求(某些列中的图标、链接等),我需要定义 rowTemplate,我将其定义为 ko 模板。

但我也希望有不同背景颜色的正常行和交替行。

因此,我定义了两个相同的模板,如下所示

基本上这两个模板是相同的,除了 alt 模板将 class class="k-alt" 应用于表格行。

但这种方法非常糟糕,因为它复制了行模板的整个标记。

什么是完成我需要的更好的方法?

谢谢

0 投票
1 回答
491 浏览

templates - 将 Kendo 网格与 Knockout-kendo 和 Knockout External-Template-Engine 一起使用

我正在使用带有淘汰赛的剑道网格,这要归功于淘汰赛剑道包。

我有网格和网格的配置定义如下:

模板:

我的视图模型中的代码:

我填充了数据源,一切都很好。

但是,我使用的是 Knockout.js-External-Template-Engine,它适用于整个应用程序中的各种模板,但不适用于用于剑道网格行的模板。

我尝试以两种方式设置它:

  1. 在 gridOptions.rowTemplate 中命名外部模板(但我不知道如何将数据对象的引用传递给外部模板引擎,所以放弃这个)

  2. 让 gridOptions.rowTemplate 指向 html 文件中的“伪模板”,并在其中定义对外部模板的引用,将 $data 作为数据上下文传递给它,如下所示:

外部模板gridRow.tmpl.html如下:

但是,它不起作用 - 在页面加载期间检查网络请求时,没有加载 kendo 行模板的请求。

知道如何使它工作吗?


编辑 我刚刚注意到,当我将行模板移动到外部文件时,我收到以下 javascript 错误,即使在页面中使用 rowTemplate inline 可以正常工作。

ReferenceError:未定义gridOptions

0 投票
1 回答
1310 浏览

knockout-validation - 具有淘汰赛验证的淘汰赛剑道小部件不起作用

我需要用敲击剑道实现敲除验证。

我有这个html:

Javascript:

验证适用于绑定到文本区域的描述字段;但它不适用于组合框或日期选择器。

我已经检查了文档,还有这个jsFiddle,但我无法让它工作。

任何帮助将不胜感激。

0 投票
2 回答
1362 浏览

javascript - 将 Kendo Grid 与 knockoutjs 行模板一起使用使过滤变得不可能

我目前正在使用 MVVM 模式的 knockoutjs 和用于控件的 Kendo Web 构建一个应用程序。我对剑道网格中的数据进行过滤/分组时遇到了一些问题。

我需要有高度可定制的行,所以我根据这个示例选择使用行模板:

http://rniemeyer.github.io/knockout-kendo/web/Grid.html

我还需要与网格进行双向绑定,因为我需要添加/删除/更新项目。

网格:

行模板:

当我使用网格时,它工作正常,期待当我使用分组/过滤时:就像网格使用可观察对象而不是值来执行操作一样。

示例:当我对“注意”整数值进行分组时:在此处输入图像描述

为了防止这种情况,我在列定义中将“field:'Note'”替换为“field:'Note()'”:现在分组工作正常,因为网格使用整数值而不是函数。

但是过滤仍然是不可能的:当我进行'Note()'更改时,列过滤器菜单已从数字过滤器更改为字符串过滤器。我想这是因为字段输入键“Note”不再与列输入键“Note()”匹配!

  • 我试图在字段定义中用'Note()'替换'Note':不起作用。
  • 我已经用我的项目模型中的不可观察变量替换了 Note observable:一切正常,但我无法再编辑这些值,我想要。

谢谢你的帮助 !

编辑:这里有一个 jsfiddle 复制错误:http: //jsfiddle.net/camlaborde/htq45/1/

EDIT#2 这是最终的解决方案,感谢 sroes:http: //jsfiddle.net/camlaborde/htq45/7/

EDIT#3 最终解决方案加上内联网格版:http: //jsfiddle.net/camlaborde/8aR8T/4/

0 投票
1 回答
2324 浏览

mvvm - 剑道淘汰赛下拉列表更改事件未触发

有谁知道如果这是在剑道窗口内,为什么不会触发更改事件?

我正在使用淘汰赛-kendo.js。

0 投票
1 回答
643 浏览

knockout.js - 使用 MultiSelectBox 插件的淘汰赛剑道绑定

我尝试使用以下小提琴中显示的 MultiSelectBox KendoUI 插件与淘汰赛绑定,但我无法使其工作

用于带有复选框的下拉菜单的 KendoUI 插件

我的多选定义如下

关于如何使其工作的任何建议?

谢谢

0 投票
1 回答
951 浏览

knockout.js - Knockout-Kendo Chart 中的动态系列图例

我有一组对象,其中包含需要显示为动态剑道图表的数据。我正在使用带有 KO observablearray 的 Niemeyer 的 Knockout-Kendo 库。我使用相对值将数据绘制到剑道图表上,但我需要显示与数据关联的实际文本值。Kendo 有一个模板属性可以做到这一点,但我遇到了一个障碍,使它在 Knockout-Kendo 库中工作。

Fiddle
这是一个功能齐全的 Fiddle with data

目标
使用查找值在图表的 ValueAxis 和 ToolTip 中显示

参考
Kendo Label Template docs
Kendo Chart with a function for label example
Niemeyer Knockout-Kendo Chart docs

数据片段

HTML 和数据绑定

0 投票
1 回答
1561 浏览

c# - kendoui下拉列表 - 选择“新...”时,显示文本框

我在 KendoUI DropDownList 中有一个项目列表。它是使用 Razor 语法生成的

我想做的事:

  • 如果用户没有从列表中找到他/她正在寻找的内容,他/她选择“New...”(静态值)

  • 应显示一个隐藏的文本字段,允许他们添加新值

  • 新值应回发到控制器方法 (WIP)

我的想法:

  • 获取数据

  • 静态添加“新建”选项

到目前为止效果很好:

  • 它从控制器操作方法中获取数据并按预期显示列表

  • 我可以将它绑定到两个事件:“Change”和“DataBound”

问题:

我正在使用 jQuery 的“就绪”方法添加名为“New..”的静态值。它复制了这个值。我认为这是一个无限循环。

所以我被困在这一点上

在部分视图中:

Javascript: