easyUI小技巧-纯干货

一、显示分页(pagination:true)情况下,隐藏每页显示的记录条数的那个select(即pageList),下图箭头

方法1:
onBeforeLoad:function(param){
    $(‘#‘+$(this)[0].id).datagrid(‘getPager‘).pagination({
        showPageList:false
    });
},
onLoadSuccess:function(data){
    $(‘#‘+$(this)[0].id).datagrid(‘getPager‘).pagination({
        showPageList:false
    });
}

方法2:
onBeforeLoad:function(param){
    $(‘.pagination-page-list‘).hide();
},
onLoadSuccess:function(data){
    $(‘.pagination-page-list‘).hide();
}

方法3:
css样式:select.pagination-page-list{display:none}

方法4:

$("#dgOrderList").datagrid({
    url:‘。。。‘,
    queryParams:{。。。},
});

写在datagrid获取数据url之后,

$("#dgOrderList").datagrid(‘getPager‘).pagination({
            showPageList: false
        });

二、在第n页,检索,利用queryParams方法,datagrid组装参数时,会自动添加page=n,而不会切换到第1页

方法1:

$("#dgOrderList").datagrid({
        pageNumber:1,
        url:url,
        queryParams:{key:name,value:value}
    });
方法2:用load方法

$dgOrderList.datagrid(‘load‘,param);//会自动添加&page=1&rows=。。

param为空对象时:$(‘#dgWorkers‘).datagrid(‘load‘,{});//会去除page、rows以外的参数,且置page=1

三、个人常用,mark一下

$.messager.confirm(‘提示‘,‘确定要删除所选项目吗?‘,function(r){

if (r){}
    })

四、linkbutton的disabled并不阻止事件,需要在事件中进行判断
    if($(this).linkbutton(‘options‘).disabled){
            return false;

}

五、 dialog闪现问题。在一个页面使用一个dialog,初始隐藏(closed="true"),但是在页面刷新的一瞬间,这个dialog会显示出来,效果非常难看
方法一:
<div style="display:none">
    <div class="easyui-dialog"></div>
</div>
dialog用一个隐藏div包含起来,一个div包好几个diglog也可以,显示的时候直接dialog(‘open‘)就可以

方法二:

设定dialog的style  display:none,然后在页面加载完后再让它display:block或show(),或者$(‘dialog‘).show().dialog(‘open‘)

六、显示尾行合计(图片与下文无关)

方法一,加载后在js中计算,但对formatter的列无效

//表格定义时显示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行(PHP为例)

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));
    
    注:footer行的显示同样受formatter影响

七、获得当前选中的tabs

1、 var index=$(‘#tabs‘).tabs(‘getTabIndex‘,$(‘#tabs‘).tabs(‘getSelected‘)); //从0开始

2、tabs的onSelect改变一个全局变量的值,用于标记选中的tab

版权声明:转载请注明出处 http://blog.csdn.net/t_1007/article/details/52316604

原文地址:https://www.cnblogs.com/dotnetmvc/p/8531084.html

时间: 2024-11-06 07:22:53

easyUI小技巧-纯干货的相关文章

#WordPress小技巧#纯代码为自己博客添加支付宝/微信打赏功能

原文:https://www.wn789.com/13323.html 很多人的WordPress博客在文章尾部都有打赏功能,让读者可以直接通过扫描微信.支付宝二维码进行赞助,毕竟维护博客,编写博文需要花费不少的精力,大多数朋友和蜗牛一样都是利用自己业余时间对博客进行管理与维护(如果大家觉得蜗牛789文章能起到一定帮助作用,也欢迎对蜗牛进行打赏,目前大家可以通过支付宝扫红包活动对蜗牛进行打赏,无需自己掏腰包#每日#支付宝扫码最高领取99元红包 可用于店面消费或捐赠蜗牛). 在此文章中蜗牛为大家分

EasyUi 小技巧

扩展datagrid:动态添加删除editor //扩展datagrid:动态添加删除editor jQuery.extend(jQuery.fn.datagrid.defaults.editors, { combotree : { init : function(container, options) { var editor = jQuery('<input type="text">').appendTo(container); editor.combotree(opt

小程序开发的40个技术窍门,纯干货!

微信“小程序”正式上线一周时间,相关话题持续升温.支付宝开发“小程序”的消息也随即曝出,互联网巨头们摩拳擦掌,不少网友调侃说,这势头感觉要挑战现有的“APP帝国”了.那么,面对如此炙手可热的小程序,WeX5移动开发云也没有闲着,经过全网搜索,为大家筛选出一条小程序开发者的必读文章,内容涵盖小程序开发实战需要注意的40个技术点,供大家参考! Q:为什么脚本内不能使用window等对象 A:页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,

干货|微信小程序线上线下推广的方法和销售话术小技巧分享

一款小程序在被开发后,若想获得广泛的用户群体,就得靠一些巧妙地话术宣传和推广措施.那么问题来了,微信小程序推广和话术有哪些呢?具体要怎么操作?别着急,请听小编来跟大家一一道来. 小程序推销话术小技巧 1.有自信,说话有底气 销售人员在宣传小程序时,一定在客户面前要很自信地说话.不自信的话是缺乏说服力量的.有了自信以后,销售人员在讲话的尾语可以作清楚的.强劲的结束,由此给对方确实的信息.如"一定可以使您满意的".这样的话会让客户对你宣传的小程序产生一定的信心. 2.重复重要语句,加深在顾

纯html+css中实现静态选座位效果技巧(input+label使用小技巧)

很多时候,我们想通过html+css的方式实现排列在后方的代码在选中状态下,能控制排列在前的代码的样式.那么要怎么实现呢?在这里我就要用1个小技巧来完成. 众所周知的,我们css中的选择器通常只能向下或者同级向下选中,而不能向上选中,这样就对于想控制前面样式的时候带来麻烦.input+label关联的方式即可实现,因为input和label是通过id值来进行关联的,而html中规定了,id值必须唯一,那么我将input放置在html的body下的任意位置,均可实现关联,所以为了实现后方代码控制前

给你一个云端的大脑01:印象笔记小技巧

我在上课时,很多学员们给我的反馈都是:老师你讲的太精彩啦,但我记不住.我最重视的就是学员的反馈,因为我是一个完美主义者,凡事既然做就要做到最好.而学员就像我的一面镜子,反馈是我改进的方向. 很久以前,我听到这样的反馈第一反应就是自己还是讲得不够好,但后来我的讲课都能hold住全场300多人的时候,我发现这个反馈仍然频繁出现,这不是我的问题而是学员们不会学习的问题,这样的学员在工作中也是缺乏自我培养的能力. 所以从今天起,我的平台又加入一个主题:给你一个云端的大脑.告诉你如何记笔记,如何整理大脑记

ACM 刷题小技巧【转】

转载自URl-team ACM做题过程中的一些小技巧. 1.一般用C语言节约空间,要用C++库函数或STL时才用C++; cout.cin和printf.scanf最好不要混用. 大数据输入输出时最好不要用cin.cout,防止超时. 2.有时候int型不够用,可以用long long或__int64型(两个下划线__). 值类型表示值介于 -2^63 ( -9,223,372,036,854,775,808) 到2^63-1(+9,223,372,036,854,775,807 )之间的整数.

360手机助手内部资料曝光,63张PPT纯干货

360手机助手内部资料曝光,63张PPT纯干货 日前,国内最大的安卓应用商店360手机助手发布了<2016年手机软件行业趋势绿皮书>,这份绿皮书对2015年以来移动互联网的趋势做了总结,展望了2016年的发展方向.从这份绿皮书所反映的现状来看,当前,国内移动互联网或来到了一个十字路口. 这份报告的每一页PPT都是干货,对于移动互联网从业者.政府决策层来说绝对不能错过. 1.2015年移动端用户增速放缓并渐趋饱和,市场竞争迈入零和时代 随着中国人口结构的变化,人口红利出现下降,影响至移动智能终端

CSS小技巧

CSS 小技巧 总结的网络上的资源,以备自己后续参考... 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱边界Hack 使用属性选择器选择空链接 使用:not()添加/去除导航上不需要的边框 添加边框… /* 添加边框 */ .nav li { border-right: 1px