如何设置kendo列模板中元素的弹出位置的锚点

2018-07-03 09:03:03

我使用kenod UI创建我的Web UI。我有一个像下面的列模板

var template = "<input id='details-button' type='image' src='images/detail_button.png' ng-click='showDetals(this.dataItem)'/>#: Contact #";

在列模板中使用静态ID自然会为每一行重复一次，所以这不是一个可行的选择。您可以将静态ID部分（“details-button”）与Grid dataItem的ID值连接起来，这样您将拥有真正唯一的详细按钮ID。

template: "<input id='details-button#: MyGridItemID #' />"

然后，更改Kendo UI Popup初始化代码以使用生成的按钮ID。

更新

Kendo UI Popup初始化语句不能使用绑定表达式（ #: ... # ），因为它位于Kendo UI列模板之外。使用传递给showDetails函数的dataItem对象，并再次检索并连接myId以进行anchor设置。

更新2

看起来你是在同一个元素上创建一个新的Kendo UI Popup实例。我建议你销毁旧的实例（它也会删除它的DOM），然后在页面上添加一个新的<div> ，并从中创建一个新的Popup。

我不确定popupp部分，它可能是一个复制粘贴错误，或者你应该在那里得到一个JS错误。

更新3

在附注中，使用以下方式配置的单个Kendo UI Tooltip实例可以实现类似的行为：

工具提示widget元素是Grid table

有一个合适的filter组，指向细节按钮，例如通过他们的CSS类

showOn设置为"click"

根据当前目标，使用content功能设置工具提示内容。

http://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip

链接地址: http://www.djcxy.com/p/92999.html