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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -