jqueryEasyui常用代码

//查询：
function doSearch(form){
var fields =$('#queryForm').serializeArray();
var $fm = $(form);
var params = $fm.datagrid('options').queryParams;
$.each( fields, function(i, field){
params[field.name] = field.value;
});
$fm.datagrid('reload');
}

//查看[弹窗版]：
formatter : function(value, rowData, rowIndex) {
return "<a href='javascript:void(0)' onclick='relation_ref_query_onView("+rowIndex+")' >" + value + "</a>";
}

function relation_ref_query_onView(index) {
var d = $query_datagrid.datagrid("getData").rows[index];
var p = ysaxui.dialog({
title : '查看关系规格',
href : viewRelationUrl,
width : 765,
height : 375,
buttons : [ {
text : '关闭',
iconCls : 'ope-close',
handler : function() {
p.dialog('close');
}
}],
onLoad : function() {
var f = p.find('form')
f.form('load', d);
}
});
};

//----------------------------

//弹窗
/***
* 公用规格选择弹窗
* @param targetCompId 规格ID存储文本框的ID
* @param targetCompText 规格名称存储文本框的ID
* @param specType 规格选择类型 e:实体规格,r:关系规格（两类弹窗数据）
* @param level 显示层级级别
* {0:无限制,显示所有 1:只显示大类规格
* 2:只显示细类规格 3:只显示规格
* 4:只显示大类和细类}
* @param repTypeId 关系类型
* @return
*/
function open_parent_specWindow(targetCompId,targetCompText,specType,level,rp,repTypeId) {
var hrefUrl = '/mds/oss/content/input/win/openWin_parent_spec_single.html';
//不同弹窗页面
if(rp){
hrefUrl = '/mds/oss/content/input/win/openWin_parent_relation_spec_single.html';
}

var openUrl = "";
if(specType=='e'){
openUrl = entityListUrl;
}else if(specType=='r'){
openUrl = relationListUrl;
}else{
alert('参数设置有误! pub_mds.js');
return;
}
if(!level){
level = "0";
}
var $datagrid = null;

var p = yasxui.dialog({
title : '选择规格',
iconCls : 'pag-add',
href : hrefUrl,
width : 600,
height : 350,
buttons : [ {
text : '确定',
iconCls : 'ope-save',
handler : function() {
var selected = $datagrid.datagrid('getSelected');
if (selected == null) {
$.messager.alert('系统提示', '请选择对象');
} else {
$("#"+targetCompText).val((selected["code"]+"/"+selected["name"]));
$("#"+targetCompId).val((selected["oid"]));
p.dialog('close');
}

}
}, {
text : '取消',
iconCls : 'ope-close',
handler : function() {
p.dialog('close');
}
} ],
onLoad : function() {
//弹窗页面列表数据
$datagrid = $('#domain_ref_single_chooser_grid');
$datagrid.datagrid({
url : openUrl,
queryParams:{
'level' : level,
'relationTypeId':repTypeId
},
fit : true,
singleSelect : true,
pagination : true,
pagePosition : 'bottom',
pageSize : 10,
pageList : [10, 20, 30, 50, 100],
fitColumns : true,
nowrap : true,
border : false,
idField : 'id',
frozenColumns : [ [ {
field : 'id',
title : '选择',
width : 40,
sortable : false,
formatter : function(value, rowData) {
return '<input type="radio" name="domain_ref_single_chooser_grid_radio" value="' + value + '">';
}
} ] ],
columns : [ [ {
title : '编号',
field : 'code',
width : 205
}, {
title : '名称',
field : 'name',
width : 350,
sortable : true
} ] ],
onClickRow:function() {
var selected = $datagrid.datagrid('getSelected');
if (selected){
var index=$datagrid.datagrid('getRowIndex', selected);
$('input:radio[name="domain_ref_single_chooser_grid_radio"]').get(index).checked = true;
}}
});
$("#spec_levelId").attr("value","level");
//弹窗查询
$("#refChooseButton").click(function(){
$('#domain_ref_single_chooser_grid').datagrid('load', yxui.serializeObject($("#specWinForm").form()));
});
var specVal ;
switch(level){
case "1":
specVal = 1060 ;break;
case "2":
specVal = 1061; break;
case "3":
specVal = 1062; break;
}
//进入时默认选中
if(specVal){
p.find("#specLevelId").combobox('select', specVal) ;
}

}
});
};

///---------------------------------------------------------------------------------------

//弹窗页面openWin_parent_spec_single.html：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="easyui-layout" data-options="fit:true" style="padding:1px;overflow:hidden;">
<!-- north -->
<div data-options="region:'north',border:false" style="height:40px;">
<form class="yxForm" id="specWinForm">
<input type="hidden" name="level" id="spec_levelId">
<table class="tableForm_L" style="margin-top:3px" width="99%" border="0" cellpadding="0" cellspacing="1">
<tr>
<th width="10%">编号/名称</th>
<td width="40%"><input name="param" /></td>
<th width="10%">规格层级</th>
<td width="40%"><input name="specLevelId" id="specLevelId" class="easyui-combobox" data-options="panelHeight:'auto',editable:false,readonly:true,valueField:'value',textField:'label',data: levelJson" />&nbsp;&nbsp;<a href="#" id="refChooseButton" class="easyui-linkbutton" data-options="iconCls:'ope-search'" style="height:21px;" >查询 </a></td>
</tr>
</table>
</form>
</div>
<!-- center -->
<div data-options="region:'center',border:false">
<div id="domain_ref_single_chooser_grid"></div>
</div>
</div>