DataTables, Ember.js and Views inside a <td>

DataTables, Ember.js and Views inside a <td>

本文关键字：lt td gt inside Ember js and Views DataTables      更新时间：2023-09-26

我很好奇是否有人尝试过使用数据表在side a中实现视图？我正在通过didInsertElement加载数据和dataTables。我目前在td中为每条记录添加了一个"编辑"answers"删除"按钮，这样用户就可以点击并编辑记录，从而将其带到新页面或删除记录。目前，这是通过在模型中添加HTML并将事件发送到控制器来完成的。随着我对Ember的理解不断加深，我认为更好的方法是将包含"编辑"answers"删除"的专栏作为触发的个人视图。

以前有人这样做过吗？在模板中实现它的问题是，每次应用程序加载时，可能会有未知数量的列，这取决于我从中提取的API挂钩。

这应该会让您接近。假设您知道要对列0和1使用视图，并让其他所有内容正常渲染。基本上，在datatables def中，您需要向行渲染添加后处理，以连接视图/模板。下面是一个利用jQuery来查找适当列的例子（我的EmberJS有点原始，但我相信你可以得到要点）：

"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull){
  var myView0 = Ember.View.create({ <view def goes here> })
  var myView1 = Ember.View.create({ <view def goes here> })
  myView0.appendTo($("td:eq(0)", nRow));
  myView1.appendTo($("td:eq(1)", nRow));
  return nRow;
}

请注意，您确实需要小心性能。如果你一次显示成百上千行，并且你在每一行单独监听事件，你可能会支付性能损失，这取决于你如何布局。

相关文章：