Angularjs 如何使用网格(不是输入字段)在标题上添加下拉列表?
我正试图从此链接使用Ui网格 我在plunker中做了一个简单的ui网格示例。我需要在“性别”上添加选择框作为过滤器。如果我选择“男性”它只显示“m”的数据,或者如果我选择“女性”它只显示过滤器数据“f”值这是我的代码 普朗克 我试着那样做,但没有成功Angularjs 如何使用网格(不是输入字段)在标题上添加下拉列表?,angularjs,angularjs-directive,angularjs-scope,angular-ui-router,angular-grid,Angularjs,Angularjs Directive,Angularjs Scope,Angular Ui Router,Angular Grid,我正试图从此链接使用Ui网格 我在plunker中做了一个简单的ui网格示例。我需要在“性别”上添加选择框作为过滤器。如果我选择“男性”它只显示“m”的数据,或者如果我选择“女性”它只显示过滤器数据“f”值这是我的代码 普朗克 我试着那样做,但没有成功 type: uiGridConstants.filter.SELECT, selectOptions: [ { value: 'm', label: 'male' }, { value: 'F',
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
我看没有问题,它可以工作。你有什么问题?我需要添加选择框..标题上的平均筛选..请检查此plunker性别下拉列表..要筛选男性和女性,我需要在我的问题中执行相同的操作Plunks请尝试添加给定或以上的代码。我刚刚分叉了你的plunker以显示结果。但它几乎没有他使用了我在上面粘贴的同一段代码。