如何對jquery-bootgrid格式化程序中的元素進行操作

Question

假設我有一個像這樣的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>";
      },
  },
});

如果單擊了per_online_issue_id元素，我希望它打印一個“ hello”。 但是它沒有按預期工作。 我錯過了什么嗎？ 這是我的方法，我是在formatters之后寫的。

$('.per_online_issue_id').click(function () {
   console.log("hello")
});

Answer 1

最后，我本人想出了如何通過返回JavaScript來做到這一點。

第一：從bootgrid的格式化程序返回Javascript。

product: function (column, row){
      return "<a href=\"javascript:void(0)\" onclick=my_function(\'"+row.product["product_name"]+"\'+ "</a>";
},

第二：調用返回的my_function來操作所需的元素。

<script>
    function my_function(product_name) {
      alert("product_name returned from bootgrid: " + production_name);
    }
</script>