吳網搜索欄中

Question

現在我用NG-網格和網格選項，showFilter: true

這個地方的三角形網格中，點擊它時的右上角的下拉彈出一個搜索欄。

有沒有一種方法使用ng-grid在網格中直接顯示搜索欄而無需點擊三角形？

Answer 1

當然，只是讓無論你在與你的NG-網格視圖想輸入的文字：

<input type="text" data-ng-model="outside_search_text" placeholder="Search" 
             class="form-control" data-ng-change="search()"> 
<div class="gridStyle" data-ng-grid="gridOptions"> 
         </div> 

，然後在你的控制器：

$scope.sortOptions = { 
     fields  : ['id'], 
     directions : ['DESC'] 
    }; 


    $scope.totalServerItems   = 0; 
    $scope.gridOptions['sortInfo'] = $scope.sortOptions; 

    $scope.gridOptions['columnDefs'] = [ 
     {field   : 'name', displayName: 'Name'} 
    ]; 


    $scope.refresh = function() { 
     var p = { 
      searchText  : {name: $scope.outside_search_text}, 
      pageNumber  : $scope.pagingOptions.currentPage, 
      pageSize  : $scope.pagingOptions.pageSize, 
      sortField  : $scope.sortOptions.fields, 
      sortDirection : $scope.sortOptions.directions 
     }; 

     YourServices.getAll(p).then(function(response) { 
      var content = getResponseData(response); 

      $scope.totalServerItems = content.count; 
      $scope.myData   = content.result_set; 

      if (content['result_set'].length > 0) { 
       //whatever 
      } else { 
       //whatever 
      } 
     }); 
    };