easyuI企业管理系统－实战六 查询功能

今天你学习了吗？本篇讲述查询功能

class="easyui-searchbox" //easyui自带的查询类

<input class="easyui-searchbox" style="" data-options="prompt:‘请输入分类名...‘,menu:‘#mm‘,searcher:doSearch" plain="true" style="width:300px"/>
<div id="mm" data-options="name:‘category_name‘,iconCls:‘icon-ok‘">分类名</div> 

<script>
   function  doSearch(value,name){
   $("#tt").datagrid({
               iconCls:‘icon-ok‘,
               height:$("#body").height()-$(‘#mainPanle‘).height(),
               width:$("#body").width(),
               nowrap:true,
               striped:true,
               collapsible:true,
               toolbar:"#easyui_toolbar",
               url:‘{:U(‘Inter/admin/category_list‘)}?category_name=‘+value, //触发此action,带上参数searcValue
               loadMsg:‘数据加载中......‘,
               fitColumns:true,//允许表格自动缩放,以适应父容器
               remoteSort:false,
               pagination : true,
               rownumbers : true
            })
      }
</script>
<script>
   　　 function goback(url){
　　　　　　 window.location.href=url;
　　　　}
</script>

<a href="javascript:history.go(-1);location.reload()" onclick="goback(‘‘)" class="easyui-linkbutton" data-options="iconCls:‘icon-back‘,plain:‘true‘">返回</a>