Javascript Angularjs数据表列过滤器
我使用angularjs和插件。 初始设置工作正常: HTML: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
身份证件
名称
现场控制员:
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;
}
}
]
});
[...]