问题标签 [kendo-template]

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

jquery - 剑道 UI 模板格式化

我的 Kendo Scheduler 使用预定义的 HTML 模板,其中我有这个字段:

此字段显示一些日期时间。问题是我不能(或实际上不知道如何)根据本文格式化显示的日期时间。我怎么能解决这个问题?


UPD:是的,我知道data-format,但它并不适用于所有地方。请参阅所附图片 - 在此示例中,通过date-format适用于字段进行格式化,但不适用于时间选择器 ( datarole="datetimeselector")。

时间选择器无法识别格式

0 投票
2 回答
2546 浏览

kendo-ui - 弹出窗口中的 Kendo UI DatePicker

我想在 Kendo 模板中创建一个 Kendo DatePicker。这是我的剑道模板。

如何初始化 Kendo DatePicker。有关更多信息,此模板是弹出窗口的一部分,当从 Kendo DropDown 中选择某些内容时显示,并且 DatePicker 编号将随着提供数据而动态更改。DropDown 数据就像。

示例:如果我从 DropDown 中选择 test1,Kendo 模板将根据标签加载 DatePicker。

我知道我可以在剑道模板中使用循环来实现这一点。但我的问题是如何动态初始化 Kendo DatePicker。

0 投票
2 回答
208 浏览

javascript - 可以禁用 Kendo TimezoneEditor 吗?

可以使用 禁用 Kendo UI 中的某些控件(小部件?)data-bind="disabled:boundfield",有些需要手动设置此选项(是的,它与多选有关)。
但是我找不到使用 TimezoneEditor 执行此操作的好方法——它对两者都没有反应。
在调度程序编辑器模板中,我想在某些情况下(ae 发生事件)将时区设置为只读状态,但找不到合适的解决方案。

0 投票
1 回答
135 浏览

kendo-ui - 具有别名的调度程序资源

你们都可以在那里看到剑道资源的例子。这很简单——你只需要一个带有选项的数组,Kendo 知道——color然后text通过 .bind 绑定它们value

现在想象另一个例子——我们有一个这种格式的更复杂的数据源:

如您所见,剑道只熟悉一个value领域。此来源是约会模板和编辑器模板的通用来源。text我们将使用编辑器url2(再次你好,多选!),url1必须用于模板以显示一些覆盖图标。

问题是我不知道如何将这些东西绑定为资源并使它们工作——我从未见过这样的东西。可以用剑道来做吗?怎么做?


更新:也许这张图片将有助于理解我想要做什么。 方案

0 投票
1 回答
766 浏览

javascript - Kendo 模板源绑定数组创建双重条目

我正在使用带有数组的 Kendo 模板来动态地将行添加到表单中,但是,当我将项目推送到数组上时,它会添加两行,它们都绑定到 MVVM 中的同一个数据对象(所以有两个对象,有是四行)。我已经在模板中运行了带有debugger;一行的页面,并且怀疑它在完成之前点击了两次。

更奇怪的是它按顺序渲染行,然后以相反的顺序呈现,所以如果我对第一行进行更改,然后对最后一行进行相同的更改(因为它们绑定到数组中的同一个对象), ETC。

创建双行的示例


HTML

这是表单所在的 HTML(可观察对象classInfo已经绑定到<form>标签,因此数据绑定中缺少它的原因):


剑道模板

这是包含下拉列表和两个日期选择器的行的模板:


剑道可观察对象

这是具有数组的 Kendo Observable,其格式如下:


Javascript推送功能

还有一个addDate()将新项目推送到数组的函数:


我尝试使用基本的 HTML 元素在不创建 DropDownList 和 DatePickers 的情况下运行它,但结果相同。任何帮助将不胜感激。

0 投票
1 回答
1464 浏览

javascript - Kendo UI Grid 处理列模板中的缺失值

我使用 Kendo UI Grid 来显示缺少某些字段的对象的数组数据。这是js代码:

在此示例中,网格运行良好,并将第一行中缺少的“a”值显示为空单元格。

使用列模板时:

它在控制台中显示错误:Uncaught ReferenceError: a is not defined。甚至将模板替换为:

相反,表达式没有帮助,因此我必须在构建表之前手动将缺失值设置为空字符串。有没有办法避免这种情况?

0 投票
1 回答
45 浏览

kendo-ui - 在 Kendo UI 网格编辑弹出窗口中重新定义数据包

我认为这是 Kendo UI 中的一个高级主题。我有一个 Kendo UI 网格,我添加了一个自定义编辑弹出窗口来更新网格中的数据。

我的数据包是这样的:

在编辑弹出窗口中,我将编辑此数据。但我有一个新要求,为fieldThree. 我的新数据包将如下所示...

我所做的是为此制作了一个自定义弹出窗口和自定义字段。但我的问题是我如何将数据包重新定义为以上一个?在Kendo UI它只会更新现有值...

0 投票
2 回答
489 浏览

javascript - 基于第二个数据源更改剑道网格的值

我对剑道和javascript都很陌生,所以请原谅任何知识失误。我有一个剑道网格,其中有一个名为 TicketStatusID 的字段。我有另一个带有 TicketStatusID 和 TicketStatusName 的独立数据源。有没有办法用我的其他数据源中的 TicketStatusName 替换我网格中的 TicketStatusID?

这是我的网格:

这是我的第二个数据源:

我想我可能会在这里解决这个问题 - http://demos.telerik.com/kendo-ui/grid/editing-custom - 但 Telerik 的文档没有提供如何实现的解释。谢谢

0 投票
3 回答
3640 浏览

jquery - 如何在 kendo ui 模板中编写 JQuery 函数?

我真的不知道这是kendo ui对这个的支持。

我想在模板中写一个JQuery函数kendo ui

这是示例

问题是哈希(“#”)标记给了我一个错误,因为剑道 UI 使用哈希标记来分隔剑道 UI 中的 JavaScript 和 HTML。那么如何在上面的示例中添加哈希标记。有人能帮我吗 ??

0 投票
0 回答
148 浏览

javascript - 如何将剑道编辑器设置为单元格模板?

要求1: 我需要用户一直能够编辑网格的内容,这意味着作为一个template,用户不应该被要求点击字段然后编辑器出现。

要求 2:我想要一个剑道编辑器供用户输入/编辑值。

以下是我尝试过的,因为我不知道如何使用我尝试使用的模板来做到这一点editor

网格设置:

编辑器设置: