java easyui条件组合查询_easyui之 datagrid 多条件搜索、查询

$(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

}

专家检索：

请选择搜索类型

按专家姓名

按专家简介

请选择所属科室

搜索

queryParams: form2Json("searchform")  是关键，这个属性是专门用来查询的

为搜索按钮绑定click事件

$("#submit_search").click(function () {

$('#dg').datagrid({ queryParams: form2Json("searchform") });   //点击搜索

});