easyUI实现显示“未找到查询结果”以及在loadtable方法中传递参数

easyUI实现显示“未找到查询结果”以及在loadtable方法中传递参数

easyUI在查询未找到结果时，在页面中显示提示信息“未找到相关信息”效果的实现

1、先引入该部分代码

var myview = $.extend({},$.fn.datagrid.defaults.view,{
onAfterRender:function(target){
$.fn.datagrid.defaults.view.onAfterRender.call(this,target);
var opts = $(target).datagrid('options');
var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
vc.children('div.datagrid-empty').remove();
if (!$(target).datagrid('getRows').length){
var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);
d.css({
position:'absolute',
left:0,
top:30,
width:'100%',
textAlign:'center'
});
}
}
});

2、在loadtable方法中添加参数

function loadTable(){
$('#table').datagrid({
fit : true,
fitColumns : true,
nowrap : true,
striped : true,
border : false,
url : '<%=path%>/analysis/queryVisitDetail',
queryParams:{from:from,to:to,countType:countType},
pageSize : 10,
rownumbers : true,
idField : 'id',
remoteSort : false,
view: myview,
emptyMsg: '未查询到满足条件的记录 !',
pagination:true,
frozenColumns :
[[{field : 'ck',checkbox : true} ] ],
toolbar :[

],

其中view以及emptyMsg是为该效果实现添加，可在emptyMsg参数部分设置需要展示的信息。

在loadtable函数中添加传递参数的情况，我们使用queryParams来传递参数，按照上述格式进行传递，后台方法按照参数设置进行接收，即可完成，该参数传递方法用于首次加载数据时对于页面上栏位默认值传参问题。