角度数据表,从ajax过滤

时间:2014-10-01 14:31:56

标签: javascript ajax json angularjs

我正在使用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;
    })

所以这会将单击的行作为对象返回。我想也许数据表本身可以处理所有数据?我不能说。

0 个答案:

没有答案