EXTJS 4.1，网格行体 tpl 上的事件监听器

Posted 2023-02-22

【中文标题】EXTJS 4.1，网格行体 tpl 上的事件监听器

【英文标题】：EXTJS 4.1 , listeners for events on grid row body tpl

【发布时间】：2012-11-25 20:37:23

【问题描述】：

目前我在 extjs 中遇到了一个问题，即我有一个带有特征 rowbody 的网格。 在这个 rowbody 功能中，我渲染了一个 tpl。

这个tpl如下：

.
.
.
'<tpl for="datalist">' + 
  <b>name</b>: </tpl>
   <span class="test"><em class="test1">number</em></span>' + 
'</tpl>
.
.
.

当用户打开 rowbody 时，还有另一个数据，其中一部分是我正在显示的内容，会有一个这样的列表：

数据列表：111111,2222,3333.....

当用户单击其中一个数字以获取 dom 元素时，我需要获取数字并触发特殊事件，那么在不使用 dataview 的情况下如何执行此操作？我已经在 dataview 中实现了它，但是将它包含在 rowbody 功能中很重要。

请不要犹豫，询问任何其他信息......我希望这已经足够了，你可以帮助我。

【问题讨论】：

TPL 如下。 . . '' + name: number' + ' .

【参考方案1】：

您可以在模板内添加一个 javascript onclick 事件。

   <tpl for="datalist">' + <b><a href=# onclick=alertName("name")>name</a></b>

function alertName(name)
    alert(name);

【讨论】：

感谢您的回复，但是......我知道这种方式，但不幸的是我不能使用它会影响应用程序，我需要使用它们的事件和侦听器以 extjs 方式实现它。那么你只是实现它的一种方式吗？

在纯 ExtJS 中，我不知道你能不能达到那个水平。那时，它只是在 div 中呈现 html。您可以通过 ExtJS 访问行单元格，使用网格面板上的 cellclick 事件，访问其中的行记录，record.data.name。