EasyUI datagrid 다중 조건 조회
12600 단어 datagrid
<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>
HTML
<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")이 관건입니다. 이 속성은 검색 단추를 위한 클릭 이벤트 $("#submit_search")를 연결하는 데 사용됩니다.click(function () { $('#dg').datagrid({ queryParams: form2Json("searchform") });//검색 클릭});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
EasyUI Datagrid Datetime(EasyUI DataGrid 시간 포맷)EasyUI DataGrid 시간 포맷 방법 1: 위에서 이러한 방법은 데이터grid에서 시험하였습니다.varobj=eval('('+'{Date: new'+value+'}'+').이 말은 도망갈 수 없다! 다음 방법...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.