Search not working after custom request handler

[electronicsforktu]

I have modified the default bootgrid using the request handler but it seems now that the search phrase is not working.How can i pass the search phrase using request handler ?

Also i want to change the sort order based on branch after custom request handler.How can i change the sort order based on branch programmatic after calling request handler?

The refresh button is not working.How to reload grid when refresh button is clicked?

My Table

<div class="table-responsive">
    <table id="product_data" class="table table-bordered table-striped table-hover">
		<thead>
		<tr>
			
			<th data-column-id="sbranch" data-header-align="center" data-align="center">Branch</th>
			<th data-column-id="subject_code" data-header-align="center" data-align="center">Code</th>
			<th data-column-id="sname" data-header-align="center" data-align="center">Subject Name</th>
			<th data-column-id="smode" data-header-align="center" data-align="center">Mode</th>
			<th data-column-id="ssemester" data-header-align="center" data-align="center" data-order="asc">Semester</th>
			<th data-column-id="stype" data-header-align="center" data-align="center">Type</th>
			<th data-column-id="scredit" data-header-align="center" data-align="center">Credit</th>
			<th data-column-id="sslot" data-header-align="center" data-align="center">Slot</th>
			<th data-column-id="syear" data-header-align="center" data-align="center">Year</th>    			
			<th data-column-id="slink" data-header-align="center" data-align="center"  data-formatter="link">Download</th>
			
		</tr>
		</thead>
	</table>
</div> 

Custom request handler

requestHandler: function (request) {
       //Add your id property or anything else
		request.branch = $("#branch").val();
	   
       request.id = "b0df282a-0d67-40e5-8558-c9e93b7befed";
       return request;
},

[stvowi]

Try out http://gijgo.com/grid. Bootgrid seem to be dead.