${config_iframe}
<script type="text/javascript">
$(function(){$('#${config_id}List').datagrid(
{
idField: 'id',
title: '${config_name}',
url:'cgReportController.do?datagrid&configId=${config_id}${config_params}',
fit:true,
fitColumns:false,
pageSize: 10,
pagination:true,
pageList:[10,30,50,100],
singleSelect:true,
checkbox:false,
sortOrder:'asc',
rownumbers:true,
showFooter:true,
frozenColumns:[[]],
columns:[
[ <#if (config_fieldList?size>0)>
<#list config_fieldList as x>
<#if x_has_next>
{field:'${x['field_name']}',
title:'${x['field_txt']}',
<#if x['field_href']?? && x['field_href']!="">
formatter:function(value,rec,index){
var href='';
href+=applyHref(value,'${x['field_href']}',value,rec,index);
return href;
},
</#if>
<#if x['is_show'] == "N" >hidden:true,</#if>
width:80},
<#else>
{field:'${x['field_name']}',title:'${x['field_txt']}',width:80}
</#if>
</#list>
</#if>
]
],
onLoadSuccess:function(data){$("#${config_id}List").datagrid("clearSelections");},
onClickRow:function(rowIndex,rowData)
{rowid=rowData.id;gridname='${config_id}List';}
});
$('#${config_id}List').datagrid('getPager').pagination({beforePageText:'',afterPageText:'/{pages}',displayMsg:'{from}-{to}共{total}条',showPageList:true,showRefresh:true});
$('#${config_id}List').datagrid('getPager').pagination({onBeforeRefresh:function(pageNumber, pageSize){ $(this).pagination('loading');$(this).pagination('loaded'); }});});
function reloadTable(){
try{
$('#'+gridname).datagrid('reload');
$('#'+gridname).treegrid('reload');
}catch(ex){
//donothing
}
}
function reload${config_id}List(){$('#${config_id}List').datagrid('reload');}
function get${config_id}ListSelected(field){return getSelected(field);}
function getSelected(field){var row = $('#'+gridname).datagrid('getSelected');if(row!=null){value= row[field];}else{value='';}return value;}
function get${config_id}ListSelections(field){var ids = [];var rows = $('#${config_id}List').datagrid('getSelections');for(var i=0;i<rows.length;i++){ids.push(rows[i][field]);}ids.join(',');return ids};
function ${config_id}Listsearch(){var queryParams=$('#${config_id}List').datagrid('options').queryParams;$('#${config_id}Listtb').find('*').each(function(){queryParams[$(this).attr('name')]=$(this).val();});$('#${config_id}List').datagrid({url:'cgReportController.do?datagrid&configId=${config_id}',pageNumber:1});}
function dosearch(params){var jsonparams=$.parseJSON(params);$('#${config_id}List').datagrid({url:'cgReportController.do?datagrid&configId=${config_id},',queryParams:jsonparams});}
function ${config_id}Listsearchbox(value,name){var queryParams=$('#${config_id}List').datagrid('options').queryParams;queryParams[name]=value;queryParams.searchfield=name;$('#${config_id}List').datagrid('reload');}$('#${config_id}Listsearchbox').searchbox({searcher:function(value,name){${config_id}Listsearchbox(value,name);},menu:'#${config_id}Listmm',prompt:'请输入查询关键字'});
function searchReset_${config_id}(name){ $("#"+name+"tb").find(":input").val("");${config_id}Listsearch();}
//导出
function exportXls() {
$.ajax({
type: 'POST',
dataType: "text",
url: 'cgReportController.do?getSize',
async: false,
success: function (data) {
var num = data.replace(/\"/g, "");
if (null != num && num != '') {
if (parseInt(num) > 60000) {
$.dialog.confirm("数据大于6万条,可能下载不完全,是否继续下载?", function (r) {
if (!r) {return;}
downXls();
});
} else {
downXls();
}
}
}
});
}
function downXls() {
var submitUrl = "cgExportExcelController.do?exportXls&configId=${config_id}";
var queryParams = "";
$('#${config_id}Listtb').find('*').each(function () {
queryParams += "&" + $(this).attr('name') + "=" + $(this).val();
}
);
submitUrl += queryParams;
submitUrl = encodeURI(submitUrl);
window.location.href = submitUrl;
}
//将字段href中的变量替换掉
function applyHref(tabname,href,value,rec,index){
//addOneTab(tabname,href);
//alert("href: "+href);
var hrefnew = href;
var re = "";
var p1 = /\#\{(\w+)\}/g;
try{
var vars =hrefnew.match(p1);
for(var i=0;i<vars.length;i++){
var keyt = vars[i];
var p2 = /\#\{(\w+)\}/g;
var key = p2.exec(keyt);
hrefnew = hrefnew.replace(keyt,rec[key[1]]);
}
}catch(ex){
}
re += "<a href = '#' onclick=\"addOneTab('"+tabname+"','"+ hrefnew + value +"')\" ><u>"+value+"</u></a>";
//alert("newHref: "+re);
return re;
}
</script>
<table width="100%" id="${config_id}List" toolbar="#${config_id}Listtb"></table>
<div id="${config_id}Listtb" style="padding:3px; height: auto">
<div name="searchColums">
<#list config_queryList as x>
<span style="display:-moz-inline-box;display:inline-block;">
<span style="display:-moz-inline-box;display:inline-block;width: 100px;text-align:right;text-align:right;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;white-space:nowrap;" title="${x['field_txt']}">${x['field_txt']}:</span>
<#if x['search_mode']=="group">
<input type="text" name="${x['field_name']}_begin" style="width: 94px" <#if x['field_type']=="Date">class="easyui-datebox"</#if> />
<span style="display:-moz-inline-box;display:inline-block;width: 8px;text-align:right;">~</span>
<input type="text" name="${x['field_name']}_end" style="width: 94px" <#if x['field_type']=="Date">class="easyui-datebox"</#if> />
</#if>
<#if x['search_mode']=="single">
<#if (x['field_dictlist']?size >0)>
<select name = "${x['field_name']}" WIDTH="100" style="width: 104px">
<option value = "">---请选择---</option>
<#list x['field_dictlist'] as xd>
<option value = "${xd['typecode']}">${xd['typename']}</option>
</#list>
</select>
</#if>
<#if (x['field_dictlist']?size <= 0)>
<input type="text" name="${x['field_name']}" style="width: 100px" <#if x['field_type']=="Date">class="easyui-datebox"</#if> />
</#if>
</#if>
</span>
</#list>
</div>
<div style="height:60px;" class="datagrid-toolbar">
<span style="float:left;" >
<a href="#" class="easyui-linkbutton" plain="true" icon="icon-putout" onclick="exportXls();">导出excel</a>
<form action="/jeecg/cgReportController.do?list2&id=${config_id}" method="post">
起始时间:<input type="date" id="st" name="st" value="${st!}"/>
结束时间:<input type="date" id="et" name="et" value="${et!}"/>
选择院区:<select id="yq" name="yq">
<option value="">全部</option>
<option value="01" <#if yq??> <#if yq=='01'>selected</#if></#if>>城中院区</option>
<option value="02" <#if yq??> <#if yq=='02'>selected</#if></#if>>阳湖院区</option>
</select>
科室名称:<input type="text" id="ks" name="ks" value="${ks!}" />
医保类型:<select id="yb" name="yb">
<option value="" >全部</option>
<option value="1" <#if yb??> <#if yb=='1'>selected</#if></#if> >常州职工</option>
<option value="2" <#if yb??> <#if yb=='2'>selected</#if></#if> >常州离休</option>
<option value="3" <#if yb??> <#if yb=='3'>selected</#if></#if> >常州居民</option>
<option value="4" <#if yb??> <#if yb=='4'>selected</#if></#if> >常州地市级</option>
<option value="5" <#if yb??> <#if yb=='5'>selected</#if></#if> >常州荣军</option>
<option value="6" <#if yb??> <#if yb=='6'>selected</#if></#if> >常州生育</option>
<option value="7" <#if yb??> <#if yb=='7'>selected</#if></#if> >武进职工</option>
<option value="8" <#if yb??> <#if yb=='8'>selected</#if></#if> >武进离休</option>
<option value="9" <#if yb??> <#if yb=='9'>selected</#if></#if> >武进居民</option>
<option value="10" <#if yb??> <#if yb=='10'>selected</#if></#if> >武进生育</option>
<option value="11" <#if yb??> <#if yb=='11'>selected</#if></#if> >金坛职工</option>
<option value="12" <#if yb??> <#if yb=='12'>selected</#if></#if> >溧阳职工</option>
</select>
<input type="submit"/>
</form>
</span>
<#if (config_queryList?size >0)>
<span style="float:right">
<a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="${config_id}Listsearch()">查询</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-reload" onclick="searchReset_${config_id}('${config_id}List')">重置</a>
</span>
</#if>
</div>
</div>
下载的压缩包里面有示例,自己看下
jquery-easyui-1.4.5/demo/datagrid/footer.html