[英]How to operate on an element inside jquery-bootgrid formatters
Suppose I have an bootgrid formatters like this: 假设我有一个像这样的bootgrid格式化程序:
$(document).ready(function () {
//bootgrid
$("#bootgrid-issues").bootgrid({
...
formatters: {
product: function (column, row){
return "<p class='per_online_issue_id'>" + row.product["product_name"] +"</p>";
},
category: function (column, row){
return "<p>" + row.category["category_name"] +"</p>";
},
},
});
And I want it to print an "hello" if the per_online_issue_id
element clicked. 如果单击了
per_online_issue_id
元素,我希望它打印一个“ hello”。 But it doesn't work as expected. 但是它没有按预期工作。 Have I missed something?
我错过了什么吗? Here is how I do this, I wrote it right after the
formatters
. 这是我的方法,我是在
formatters
之后写的。
$('.per_online_issue_id').click(function () {
console.log("hello")
});
Finally I myself figured out how to do this by returning javascript. 最后,我本人想出了如何通过返回JavaScript来做到这一点。
product: function (column, row){
return "<a href=\"javascript:void(0)\" onclick=my_function(\'"+row.product["product_name"]+"\'+ "</a>";
},
my_function
to operate the element you want. my_function
来操作所需的元素。 <script>
function my_function(product_name) {
alert("product_name returned from bootgrid: " + production_name);
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.