Question

我正在尝试在数据表“渲染”功能中使用raft on-click事件：

 columns: [
                {
                    title: 'Aktion',
                    width: 120,
                    orderable: false,
                    searchable: false,
                    data: 'id',
                    render: function (data, table, row) {
                        return "<button class='btn btn-primary btn-xs edit-tarif' on-click='edit("+data+")'>edit</button>";
                    }
                },

但它不会被ractive.js的胡子编译器评估，因为它是在初始加载后呈现的。

有没有办法说“重新渲染”部分dom并进行评估？目前我正在使用jQuery的解决方法

$(document).on("click", 'button.edit-tarif', function () {...}

但我想使用ractive功能。

谢谢

Answer 1

我正试图在数据表“渲染”功能中使用raft on-click事件

反过来做。将您的数据表代码放在Ractive中，特别是在onrender内。 onrender之所以是因为组件DOM已经呈现在页面上。

<div class="data-table-container"></div>

<script>
component.exports = {
  onrender: function(){
    var instance = this;

    // Make datatables render into data-table-container
    // Use this.find('.data-table-container') get the reference to the container
    // inside the component.
    render: function(data){
      instance.edit(data);
    }
  },
  edit: function(data){...}
}
</script>

Ractive.js＆amp;数据表动态行表达式

1 个答案: