代码之家 › 专栏 › 技术社区 › Matt W

将UI网格行数据绑定到cellTemplate中的javascript调用

celltemplate angular-ui-grid angularjs javascript

Matt W · 技术社区 · 7 年前

我想从UI网格cellTemplate调用javascript函数,将行的一些实体值作为参数传递。

如果我直接从href调用该函数,则会在前面加上“unsafe”。

我应该如何称呼它并将其正确绑定?

href尝试:

columnDefs: [
    { name: "DocNumber", cellTemplate: '<a href=\'javascript:apci.LoadDoc("{{grid.appScope.selectedPayer.PayerRef}}")\'>{{row.entity.DocNumber}}</a>' },
]

点击尝试:

columnDefs: [
    { name: "DocNumber", cellTemplate: '<a href="#" onclick=\'javascript:apci.LoadDoc("{{grid.appScope.selectedPayer.PayerRef}}")\'>{{row.entity.DocNumber}}</a>' },
]

角度1.5.0 UI网格4.0.6

1 回复 | 直到 7 年前

Brian 7 年前

cellTemplate: '<a ng-click="grid.appScope.loadDocFunction(row.entity)>' +
                '{{ row.entity.DocNumber }}' + 
              '</a>"'

在loadDocFunction()中,您可以获取selectedPayer。PayerRef直接从控制器中获取,并根据您的意愿使用它。

我不太清楚是什么

angular中包装模式的一个简单示例是 angular-socket-io

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前