angularjs - Ng-grid search bar in the grid -
angularjs - Ng-grid search bar in the grid -
right using ng-grid , grid option, showfilter: true
this places triangle drop downwards in top right corner of grid, when clicked pops search bar.
is there way ng-grid have search bar straight visible in grid without need click triangle?
sure, create input text wherever want in view ng-grid:
<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>
and in controller:
$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 } }); };
angularjs ng-grid
Comments
Post a Comment