如何使用删除和编辑图标的AngularJS和Jquery DataTables

时间:2012-11-01 23:43:16

标签: jquery datatables angularjs

我正在研究什么是最好的客户端javascript框架,我正在研究AngularJS,BackboneJS和Dojo。我的第一个测试是使用AngularJS,在每个框架中我需要做一个TreeView,DataTable和图表。

我使用DataTable在AngularJS中进行了我的第一次测试,但是我需要做更多的DataTable,具有更多功能。但我发现问题,也许是为了更好地理解框架。

我发现这个链接有一个我需要的完美示例。但现在我有一个疑问,关于插件(DataTables)和o AngularJS之间的集成。

http://jsfiddle.net/zdam/7kLFU/

此范围数组链接我的Json数据与VIEW(jsfiddle中的完整代码):

    $scope.columnDefs = [ 
        { "bSearchable":false, "mDataProp": "@uri", "aTargets":[0]},
        { "bSearchable":false, "mDataProp": "id", "aTargets":[1]},
        { "bSearchable":true, "mDataProp": "title", "aTargets":[2] },
        { "bSearchable":false, "mDataProp": "count", "aTargets":[3] },
        { "mData": null, "sDefaultContent": "<img ng-click='edit()' src='edit.gif' />", "aTargets":[-1] }
    ];

我觉得使用这种方式有点奇怪,因为如果我要放置图标(编辑,删除),我将需要放置,例如,这样:

  

{ "mData": null, "sDefaultContent": "<img ng-click='edit()'
> src='edit.gif' />", "aTargets":[-1] }

我正在混合HTML。我认为有更好的方法来做到这一点。最好的方法是什么?

我的另一个问题。在您看来哪一个是最好的?

由于

1 个答案:

答案 0 :(得分:1)

最终,您必须使用img srcspan/div class来显示数据表列中的图像

INMO很好。