我正在使用andglar指令数据表(http://l-lin.github.io/angular-datatables/)来引入并以表格形式显示一些信息,我正在尝试添加一些信息。我只是想添加一些按钮来过滤json对象,这比我目前所做的更进一步。
例如,我有一行具有美国状态,10个按钮用于10种不同状态,我想单击该按钮并使其过滤掉具有该状态的所有选项。我试图在按钮上单击ng-click(此处为州名)设置按钮,然后使用所有数据表信息过滤范围。我遇到的问题是我似乎找不到任何将所有json信息绑定到表格的范围。
我正在做的就是这个 - http://l-lin.github.io/angular-datatables/#/withAjax
所以我想要做的是使用角度开发工具挖掘范围。我打电话给这样的信息
$scope.dtOptions = DTOptionsBuilder.fromSource('/listAllLessons')
.withPaginationType('full_numbers')
.withTableTools('https://github.com/DataTables/TableTools/raw/master/swf/copy_csv_xls_pdf.swf')
.withTableToolsButtons([
'copy',
'print',
'csv',
'xls',
'pdf'
]);
当我正在寻找所有我真正能找到的是带有url的sAjaxSource内部密钥的dtOptions。我似乎无法找到绑定的地方或方式,并且(可能)在桌面上运行某种重复。我想尝试点击存储数据的位置,以便在可能的情况下通过过滤器运行它。 我也可能采取错误的做法,我不太确定。我只想要一些按钮,允许我对传入的信息运行一些过滤器。任何帮助都会非常感激,因为我已经坚持了一段时间了。感谢您的阅读!!
更新:
我最接近看到它绑定的范围是使用他们设置的行点击事件:
$scope.message = '';
$scope.someClickHandler = function(info) {
console.log(info);
};
$scope.dtOptions = DTOptionsBuilder.fromSource('/listAllLessons')
.withPaginationType('full_numbers')
.withOption('rowCallback', function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td', nRow).bind('click', function() {
$scope.$apply(function() {
$scope.someClickHandler(aData);
});
});
return nRow;
})
所以这会将单击的行作为对象返回。我想也许数据表本身可以处理所有数据?我不能说。