Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angularjs数据表列过滤器_Javascript_Jquery_Angularjs_Filter_Datatable - Fatal编程技术网

Javascript Angularjs数据表列过滤器

Javascript Angularjs数据表列过滤器,javascript,jquery,angularjs,filter,datatable,Javascript,Jquery,Angularjs,Filter,Datatable,我使用angularjs和插件。 初始设置工作正常: HTML: 身份证件 名称 现场控制员: var siteController = app.controller("siteController", function($scope, $route, $http, $location, $compile, DTOptionsBuilder, DTColumnBuilder) { $scope.data = this; $scope.data.dtOptions = DTOptionsBui

我使用angularjs和插件。 初始设置工作正常:

HTML:


身份证件
名称
现场控制员:

var siteController = app.controller("siteController", function($scope, $route, $http, $location, $compile, DTOptionsBuilder, DTColumnBuilder) {
$scope.data = this;
$scope.data.dtOptions = DTOptionsBuilder.fromSource('demodata.json')
.withDOM('<"top">rt<"bottom"ipl><"clear">')
.withColumnFilter({
        aoColumns: [
            null,
            {
                type: 'select',
                bRegex: false,
                values: ['Yoda', 'Titi', 'Kyle', 'Bar', 'Whateveryournameis']
            }
        ]
});
$scope.data.dtColumns = [
    DTColumnBuilder.newColumn('id').withTitle('id'),
    DTColumnBuilder.newColumn('name').withTitle('name')
];
var siteController=app.controller(“siteController”、函数($scope、$route、$http、$location、$compile、DTOptionsBuilder、DTColumnBuilder){
$scope.data=this;
$scope.data.dtOptions=DTOptionsBuilder.fromSource('demodata.json'))
.withDOM('rt'))
.withColumnFilter({
AO列:[
无效的
{
键入:“选择”,
布雷克斯:错,
值:['Yoda','Titi','Kyle','Bar','Whateveryourname']
}
]
});
$scope.data.dtColumns=[
DTColumnBuilder.newColumn('id')。withTitle('id'),
DTColumnBuilder.newColumn('name')。withTitle('name'))
];
}))

现在有一个用表格数据自动填充select下拉列表的示例:

[...]
.withColumnFilter({
    aoColumns: [
        null,
        {
            type: 'select',
            bRegex: false,
            values: function(aoData, oSettings){
                var keys = new Array();
                var values = new Array()
                for(i=0; i<aoData.length; i++){
                    var item = aoData[i]._aData[3];
                    if(keys[item]==null){
                        keys[item] = true;
                        //values.push(item);
                        values.push({ value: item, label: 'The ' + item});
                    }
                }
                return values;
            }
        }
    ]
});
[...]
[…]
.withColumnFilter({
AO列:[
无效的
{
键入:“选择”,
布雷克斯:错,
值:函数(aoData、oSettings){
var keys=新数组();
var值=新数组()
对于(i=0;i


示例不起作用。有人知道我做错了什么吗?

我也面临同样的问题。找不到页面。
[...]
.withColumnFilter({
    aoColumns: [
        null,
        {
            type: 'select',
            bRegex: false,
            values: function(aoData, oSettings){
                var keys = new Array();
                var values = new Array()
                for(i=0; i<aoData.length; i++){
                    var item = aoData[i]._aData[3];
                    if(keys[item]==null){
                        keys[item] = true;
                        //values.push(item);
                        values.push({ value: item, label: 'The ' + item});
                    }
                }
                return values;
            }
        }
    ]
});
[...]