Javascript 更改下拉列表时ng网格更改排序顺序
我正在使用ng grid,我已经在它上面实现了搜索功能,但我想通过更改下拉列表值来更改orderby选项 我希望提供关于其价值数据变化的下拉列表,以便在发生变化时使用 默认情况下,排序功能在单击表标题时起作用,但我需要在更改下拉列表时更改排序顺序 这个代码我从某处得到,但我不知道如何使用它Javascript 更改下拉列表时ng网格更改排序顺序,javascript,angularjs,ng-grid,Javascript,Angularjs,Ng Grid,我正在使用ng grid,我已经在它上面实现了搜索功能,但我想通过更改下拉列表值来更改orderby选项 我希望提供关于其价值数据变化的下拉列表,以便在发生变化时使用 默认情况下,排序功能在单击表标题时起作用,但我需要在更改下拉列表时更改排序顺序 这个代码我从某处得到,但我不知道如何使用它 $scope.gridOptions = { data: 'gridData', columnDefs: [ {field: 'name', displayName: 'Name'
$scope.gridOptions = {
data: 'gridData',
columnDefs: [
{field: 'name', displayName: 'Name'},
{field:'ageWord', displayName: 'Age'}
],
sortInfo: {
fields: ['age'],
directions: ['asc']
}
};
e、 g:如果要按
名称排序,可以设置
sortInfo: { fields: ['name'], directions: ['asc']}
这将按名称和升序排列网格
您还需要在gridOptions
中设置useExternalSorting=true
我建议您查看和页面,您需要为网格选项的sortInfo
和useExternalSorting
定义值,如下所示:
$scope.gridOptions.useExternalSorting = true;
$scope.gridOptions.sortInfo = {
fields: [$scope.selectedDropDownOption], // <-- or whatever variable used to store selected option from dropdown
directions: ['asc']
};
$scope.gridOptions.useExternalSorting=true;
$scope.gridOptions.sortInfo={
字段:[$scope.selectedDropDownOption],//我使用了以下代码
HTML:
<input type="text" ng-model="sortColumn"></input>
<button type="button" class="btn" ng-click="updateSortInfo()">Sort</button>
$scope.updateSortInfo = function() {
$scope.gridOptions.sortBy($scope.sortColumn);
}
在搜索类似问题的解决方案时到达此处。尝试所有选项后,我已应用此选项
//Disable Grid Ui Sorting through header
$scope.gridOptions.enableSorting = false;
//Apply angular 'orderBy' filter to data for grid ui
$scope.resultSetTable = $filter('orderBy')($scope.gridData, 'YOUR_SORT_COLUMN');
// Apply data to grid ui
$scope.gridOptions.data = $scope.resultSetTable;
这是初始设置,我需要更改排序顺序后,排序应该改变下拉列表