我正试图从此链接使用Ui网格
http://ui-grid.info/docs/#/tutorial/101_intro.
我在plunker中做了一个简单的ui网格示例。。我需要在"性别"上添加选择框作为过滤器。如果我选择《男性》,它只显示"m"的数据,或者如果我选择《女性》它只显示过滤器数据"f"值,这是我的代码
Plunkerhttps://plnkr.co/edit/DqBgHFnwLpYM5pvg0f56?p=preview我试着这样做但不工作
type: uiGridConstants.filter.SELECT,
selectOptions: [
{ value: 'm', label: 'male' },
{ value: 'F', label: 'female' }
];
我不需要关于性别的输入字段。我需要性别列上的选择框或下拉框
首先,您需要在控制器声明中添加uiGridConstants作为参数,这样您就可以使用它。然后,您就可以随心所欲了。
angular.module('app',['ngTouch', 'ui.grid'])
.controller('MainCtrl',function( $scope, uiGridConstants ){
// ...
$scope.gridOptions = {
enableFiltering: true,
columnDefs: [
{
field: 'gender',
displayName:'Gender',
filter: {
type: uiGridConstants.filter.SELECT,
selectOptions: [
{ value: 'm', label: 'male' },
{ value: 'F', label: 'female' }
];
}
},
{field: 'name', displayName:'First'},
{field: 'lastname', displayName:'Second',enableSorting: false}
]
};
// ...
}
我会给你一个建议:要调试angular代码或任何javascript代码,请使用类似Firebug的工具(适用于Mozilla Firefox)。它将向您显示当您更改代码并尝试应用它时遇到的javascript错误。在这种情况下,您会看到:
Error: uiGridConstants is not defined
@https://run.plnkr.co/8CvvTtAR4QY8O2Ln/app.js:30:11