Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.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 更改下拉列表时ng网格更改排序顺序_Javascript_Angularjs_Ng Grid - Fatal编程技术网

Javascript 更改下拉列表时ng网格更改排序顺序

Javascript 更改下拉列表时ng网格更改排序顺序,javascript,angularjs,ng-grid,Javascript,Angularjs,Ng Grid,我正在使用ng grid,我已经在它上面实现了搜索功能,但我想通过更改下拉列表值来更改orderby选项 我希望提供关于其价值数据变化的下拉列表,以便在发生变化时使用 默认情况下,排序功能在单击表标题时起作用,但我需要在更改下拉列表时更改排序顺序 这个代码我从某处得到,但我不知道如何使用它 $scope.gridOptions = { data: 'gridData', columnDefs: [ {field: 'name', displayName: 'Name'

我正在使用ng grid,我已经在它上面实现了搜索功能,但我想通过更改下拉列表值来更改orderby选项

我希望提供关于其价值数据变化的下拉列表,以便在发生变化时使用

默认情况下,排序功能在单击表标题时起作用,但我需要在更改下拉列表时更改排序顺序

这个代码我从某处得到,但我不知道如何使用它

 $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;

这是初始设置,我需要更改排序顺序后,排序应该改变下拉列表