一,显示分页 (pagination:true) 情况下,隐藏每页显示的记录条数的那个 select(即 pageList),下图
方法
方法 2:
onBeforeLoad: function(param) {
$('#' + $(this)[0].id).datagrid('getPager').pagination({
showPageList: false
});
},
onLoadSuccess: function(data) {
$('#' + $(this)[0].id).datagrid('getPager').pagination({
showPageList: false
});
}
方法 3:
onBeforeLoad: function(param) {
$('.pagination-page-list').hide();
},
onLoadSuccess: function(data) {
$('.pagination-page-list').hide();
}
CSS 样式:select.pagination-page-list{display:none}
方法 4:
写在 datagrid 获取数据 url 之后,
$("#dgOrderList").datagrid({
url:'...',
queryParams:{...},
});
二,在第 n 页,检索,利用 queryParams 方法,datagrid 组装参数时,会自动添加 page=n,而不会切换到第 1 页
$("#dgOrderList").datagrid('getPager').pagination({
showPageList: false
});
方法 1:
方法 2:用 load 方法
$("#dgOrderList").datagrid({
pageNumber:1,
url:url,
queryParams:{key:name,value:value}
});
$dgOrderList.datagrid('load',param);// 会自动添加 & page=1&rows=..
param 为空对象时:$('#dgWorkers').datagrid('load',{});// 会去除 page,rows 以外的参数,且置 page=1
三,个人常用,mark 一下
四,linkbutton 的 disabled 并不阻止事件,需要在事件中进行判断
$.messager.confirm('提示','确定要删除所选项目吗?',function(r){
if (r){}
})
五,dialog 闪现问题.在一个页面使用一个 dialog,初始隐藏 (closed="true"),但是在页面刷新的一瞬间,这个 dialog 会显示出来,效果非常难看
if ($(this).linkbutton('options').disabled) {
return false;
}
方法一:
dialog 用一个隐藏 p 包含起来,一个 p 包好几个 diglog 也可以,显示的时候直接 dialog('open') 就可以
方法二:
设定 dialog 的 style display:none,然后在页面加载完后再让它 display:block 或 show(),或者 $('dialog').show().dialog('open')
六,显示尾行合计 (图片与下文无关)
方法一,加载后在 js 中计算,但对 formatter 的列无效
方法二,后台返回一个 footer 行 ( PHP 为例)
// 表格定义时显示 footer
showFooter: true,
// 定义加载成功事件,列名:数据
onLoadSuccess: function(data) {
$(this).datagrid('reloadFooter', [{
heJi: '合计',
tNo: compute(data.rows, "tNo"),
workhour: compute(data.rows, "workhour"),
pay: compute(data.rows, "pay"),
}]);
},
// 定义合计函数
function compute(rows, colName) {
var total = 0;
for (var i = 0; i < rows.length; i++) {
total += parseFloat(isNaN(rows[i][colName]) || $.trim(rows[i][colName]) == '' ? 0 : rows[i][colName]);
}
return parseFloat(total.toFixed(2));
}
注:footer 行的显示同样受 formatter 影响
showFooter: true,
//footer 行对应列要显示的内容,如合计后的内容,可以加一个标识如 footer,用于标明改行是 footer 内容,在 formatter 时可能会用到
$footer = array(array('heJi' = >'合计', 'tNo' = >$tNo, 'workhour' = >$workhour, 'pay' = >$pay, 'footer' = >1));
// 返回数据中以 footer 为键值
echo json_encode(array('code' = >1, 'msg' = >'查询成功', 'total' = >count($rows), 'rows' = >$rows, 'footer' = >$footer));
七,获得当前选中的 tabs
1,varindex=$('#tabs').tabs('getTabIndex',$('#tabs').tabs('getSelected')); // 从 0 开始 2,tabs 的 onSelect 改变一个全局变量的值,用于标记选中的 tab 八,easyui combobox 禁止输入 下拉框高度设置:panelHeight:'auto' 九,easyui-validate 类型的输入框,可以直接 触发 onblure() 事件, easyui-textbox 类型的输入框,onblure() 事件需要换一种触发方式: $("input",$("#loginName").next("span")).blur(function(){alert(" 登录名已存在 ");}) js 判断两字符串是否相等, 不区分大小写 toLowerCase() 十,datagrid view 给列设置默认值 formatter:function(value,row){if(value=='00'){return" 是 ";}elseif(value=='01'){return" 否 ";} } 转载于 http://blog.csdn.net/t_1007/article/details/52316604 阅读 全文 顶 1 踩 0 上一篇 easyUI 开发问题整理
来源: https://www.2cto.com/kf/201801/711072.html