<script type= "text/javascript" > $( function () { $( "#dg" ).datagrid({ url: '' , singleSelect: true , pagination: true , pageSize: 15, pageList: [5, 10, 15, 20, 30, 50, 80, 200], queryParams: form2Json( "searchform" ), //关键之处 //锁定列 frozenColumns: [[{ field: 'ck' , checkbox: true }, ]], columns: [[{ field: "be_id" , title: "专家ID" , hidden: true }, { field: "be_name" , title: "专家姓名" , align: 'left' , width: 100 }, { field: "be_post" , title: "专家职称" , align: 'left' , width: 200 }, { field: "dt_id" , title: "所属科室" , align: 'center' , width: 100, formatter: function (value, row) { return formatterDepartment(value) } }, { field: "be_intro" , title: "专家简介" , align: 'left' , width: 450 }, { field: "be_order" , title: "排序ID" , align: 'center' , width: 100 }]], }) //datagrid $( "#submit_search" ).linkbutton({ iconCls: 'icon-search' , plain: true }) .click( function () { $( '#dg' ).datagrid({ queryParams: form2Json( "searchform" ) }); //点击搜索 }); }) //将表单数据转为json function form2Json(id) { var arr = $( "#" + id).serializeArray() var jsonStr = "" ; jsonStr += '{' ; for ( var i = 0; i < arr.length; i++) { jsonStr += '"' + arr[i].name + '":"' + arr[i].value + '",' } jsonStr = jsonStr.substring(0, (jsonStr.length - 1)); jsonStr += '}' var json = JSON.parse(jsonStr) return json } </script> |
< form name="searchform" method="post" action="" id ="searchform"> < td width="70" height="30">< strong >专家检索:</ strong ></ td > < td height="30"> < input type="text" name="keyword" size=20 > < select name="search_type" id="search_type" > < option value="-1">请选择搜索类型</ option > < option value="be_name" >按专家姓名</ option > < option value="be_intro">按专家简介</ option > </ select > < select name="search_dept" id="search_dept"> < option value="-1">请选择所属科室</ option > </ select > < a id="submit_search">搜索</ a > </ td > </ form > < table id="dg"></ table > |
queryParams: form2Json("searchform") 是关键,这个属性是专门用来查询的
为搜索按钮绑定click事件
$("#submit_search").click(function () {
$('#dg').datagrid({ queryParams: form2Json("searchform") }); //点击搜索
});