2012-11-01 32 views
0

我正在研究什么是最好的客户端JavaScript框架使用,我正在学习AngularJS,BackboneJS和Dojo。我的第一个测试是使用AngularJS,在每个框架中我需要做一个TreeView,DataTable和图表。如何使用删除和编辑图标AngularJS和Jquery DataTables

我用DataTable在AngularJS中完成了我的第一次测试,但是我需要做一个更充分的DataTable,并提供更多的功能。但是我发现问题,也许是为了更好地理解框架。

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

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

此范围阵列查看链接我的JSON数据(在的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

最终你将不得不与srcspan/div使用imgclass在数据表列

这很好INMO显示的图像。

相关问题