问题标签 [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 回答
1046 浏览

kendo-grid - 子网格的 Kendo Grid Fluent API DataBound 事件以显示无项目文本?

感觉就像我已经浪费了很多时间来寻找这个并且仍然没有找到任何有效的东西(嗯,可以正常工作)。我有一组用于满足用户需求的嵌套网格,每个网格都深入到下一个网格,等等,一切正常。它是使用客户端模板处理的,这些模板在扩展时执行 ajax 调用,然后显示数据。

我遇到的问题是,如果其中一个扩展没有结果,Kendo 只会显示子网格标题,而不会显示其他任何内容。当我连接到 DataBound 事件(在网格上,.Events(e => e.DataBound("myJavaScriptFunctionName"))时,这不是剑道网格,并且如果我传递了子剑道网格的名称(这是唯一的通过使用 #=#) 中的键,它在我的数据源中为我提供了 0 个项目。

我不确定这是否是因为它做了一个 ajax 回发,然后 OnD​​ataBound 在它回来之前触发?

我只需要在没有数据时显示“No Items Found”消息以使用户体验更好(这实际上只发生在最低级别)

话不多说,下面是一些示例代码:

OnDataBound 我尝试了一些事情,包括来自这个线程的答案(当它为空时在 Kendo 网格中显示一条消息)没有运气。那个特别总是告诉我我的数据源中有 0 个项目(最初它是未定义的,然后我传递了网格名称,但仍然没有运气)。

在使用带有嵌套网格的 Fluent API 时,有没有人有一种很好的方式来说“没有要显示的项目”?我觉得我在这里错过了一些简单的东西。

谢谢!

0 投票
1 回答
180 浏览

javascript - 剑道 UI 模板中的 Javascript

如何在剑道模板中使用常规 javascript,特别是 foreach?

我有:

然而,Kendo 抛出了一个无效的模板错误。

0 投票
1 回答
695 浏览

kendo-ui - 如何使用数据源数组?

我有数据源数组,我想通过数据绑定属性绑定

模板3:

视图模型:

我得到错误:

未捕获的 ReferenceError:未定义 y

0 投票
1 回答
117 浏览

javascript - 如何在网格中使用剑道模板时避免执行 javascript

我希望我的用户在 UI 字段中输入剑道模板,以便他们自定义网格单元。因此,用户可以Hello #= name #在 UI 上的输入字段中输入,网格列将适当地显示结果。

问题是用户可以# alert('test') #在模板中输入,然后 javascript 将执行。我在我的应用程序中使用 ajax,恶意用户可能会从模板调用 http。

是否可以避免在 Kendo 模板中执行 javascript?

0 投票
1 回答
337 浏览

javascript - 如何在 Kendo UI 的自动完成模板上设置 `this` 的范围?

Kendo UI 的模板 API允许您JavaScripttemplate. 这对于自定义自动完成模板很有用。

生成的代码运行时,作用域thisWindow 对象。我想将范围设置为自动完成实例,例如,使用该_prev值来自定义结果。

在此演示代码中,要将color客户名称更改为红色,substring相当于搜索文本,您可以在代码中搜索autocomplete实例。template在给定的示例上,只需将template属性更改为

但是,如果我不能使用$()“搜索”,我想通过设置模板生成的函数的范围来做到这一点。可能吗?

0 投票
1 回答
775 浏览

javascript - 如何在剑道网格的同一列中添加锚点和按钮?

我有一个剑道网格,我想在剑道网格的同一列中添加一个链接和一个按钮。当我将按钮添加到网格列中时,模板中的链接会从列中消失。

我的网格配置:

0 投票
1 回答
125 浏览

javascript - 剑道编辑模板数组

我有以下带有自定义编辑模板的 剑道示例:

在示例中,有一个自定义编辑模板,因此当您双击日历以创建新事件时,它将与自定义字段一起显示。

“联系人”有一个自定义字段,其中有一个数组作为数据源。

此数据源是我从服务器获取的一个数组(需要 1-2 秒才能获取)。编辑模板是用标签准备的这一事实使得不可能简单地在我的成功(或完成)处理程序中创建获取数据的 ajax 调用。

我看到的唯一方法是在页面加载时准备好数据,以便模板将其拾取。

但是,我想在数据加载完成时创建模板,或者在加载后将数据添加到其中。

为了模拟服务器加载数据所需的时间,我使用了 1 秒的 setTimeout,这样编辑模板就不会获取数据。

要重新创建:

  1. 双击日历以创建事件
  2. 请注意,联系人字段为空(因为页面加载时数据尚未准备好)

任何帮助表示赞赏

0 投票
5 回答
30583 浏览

javascript - 在剑道网格中,我可以使用函数动态设置列属性吗?

我在这里有一些代码,我试图根据数据项的值设置单元格的背景颜色:http: //dojo.telerik.com/@solidus-flux/eHaMu

我意识到我可以使用模板来做到这一点,但这需要一个额外的 html 元素,因为您无法更改 td 本身的标记。如果支持的话,我想使用一个函数来返回属性。

0 投票
1 回答
1479 浏览

javascript - 带有 dataItem 数组和角度 ng-click 的 Kendo 树列表模板

我目前正在使用 Kendo-UI 和 AngularJS。我试图让树列表根据它收到的 dateItem.[column_name] 数组将按钮呈现到列中。我无法生成其中包含绑定 ng-click 指令的按钮。

目前我正在尝试执行以下操作:

  1. 预定义角度控制器中的列
  2. 根据接收到的 VIA REST 服务的数组将自定义列推送到现有列中。
  3. 为每一列设置自定义模板
  4. 根据包含 ng-click 指令的 dataItem.[custom_column] 数组在自定义模板中创建按钮。

我很难掌握语法和与角度的绑定。最终结果应该有一个按钮,用于自定义列中的每个数组项,包含一个 ng-click。

我已经尝试过的:

这只是使用 TEXT 'dataItem.firstColumn' 而不是对象或其他东西发出警报。我计划用 javascript 循环遍历数组并以这种方式创建包含 ng-click 的按钮(不确定这是否会起作用)。

这以某种方式起作用,数组以正确的值循环通过。这里的问题是这些模板中的 ng-click 未编译并绑定到范围,因此它们可以工作......解决方法是创建一个自定义指令,该指令使用 $compile 服务编译 html,但后来我发现每次折叠/展开列时,kendo-ui 树列表都会复制所有列按钮。

因此,基本上我希望根据 dataItem.columnName 中的数组(并且 columnName 是通过外部 REST 资源获取)来创建带有 ng-click 到 kendo-ui 树列表列的按钮。

0 投票
2 回答
734 浏览

kendo-datasource - Kendo Listview + Kendo DataSource + 模板

我有一个带有按钮的列表视图模板。我已经从 html 声明中绑定了一个点击事件。

在视图模型中,我有“ onEdit ”功能。

如果我将“ dataList ”属性绑定为JSON 数组,则视图模型上的此函数将毫无问题地触发,但如果我绑定kendo 数据源,它将找不到该函数。

如果你们中的任何人了解这是如何工作的,那将是一个很大的帮助。

谢谢你。