easyui 笔记

combobox

清空clear，再次设值无效,必须再次点击：

$('#xxx').combobox('clear');

$('#xxx').combobox(“setValue”,value);

解决方案：

$('#xxx').combobox(“”setValue”,“”);

$('#xxx').combobox(“setValue”,value);

queryParams失效：

原因：该属性自1.4.2版开始可用，查看easyui版本，进行版本更换，或者查看格式书写是否正确

easyUi  datagrid  表格统计

 var confirmShippointDeliverObject=$('#table_confirmShippointDeliver_data').datagrid({
        striped: true,
        loadMsg: "正在加载中...",
        remoteSort: false,
        showFooter : true,
        columns: [ [
            {field:'osid',title:'订单编号',width:123 ,isum:'true',align:'center',sortable:true },
            {field:'weight',title:'订单重量',wsum: 'true',width:140,align:'center'},
            {field:'volume',title:'订单体积',width:140,vsum:'true',align:'center'},
            {field:'goodstype',title:'订单类型',width:140,align:'center'}
        ] ],
        onLoadSuccess : function() {
            $('#table_confirmShippointDeliver_data').datagrid('statistics');
        }
    });

    //记录订单总体积和重量
    var vtotal = 0.0;
    var wtotal = 0.0;

    //记录车辆体积和重量
    var cvtotal = 0.0;
    var cwtotal = 0.0;

    //数据统计
    $.extend($.fn.datagrid.methods, {
        statistics: function(jq) {
            var opt = $(jq).datagrid('options').columns;
            var rows = $(jq).datagrid("getRows");
            footer = new Array();
            footer['wsum'] = "";
            footer['isum'] = "";
            footer['vsum'] = "";
            for (var i = 0; i < opt[0].length; i++) {
                if (opt[0][i].isum) {
                    footer['isum'] = footer['isum'] + total(opt[0][i].field,1) + ',';
                }
                if (opt[0][i].wsum) {
                    footer['wsum'] = footer['wsum'] + sum(opt[0][i].field, 1) + ',';
                }
                if (opt[0][i].vsum) {
                    footer['vsum'] = footer['vsum'] + sum(opt[0][i].field, 1) + ',';
                }
            }
            var footerObj = new Array();
            if (footer['isum'] != "") {
                var tmp = '{' + footer['isum'].substring(0, footer['isum'].length - 1) + "}";
                var obj = eval('(' + tmp + ')');
                if (obj[opt[0][0].field] == undefined) {
                    footer['isum'] += '"' + opt[0][0].field + '":"<b>订单合计:</b>"';//obj第0列显示为订单合计
                    obj = eval('({' + footer['isum'] + '})');
                } else {
                    obj[opt[0][0].field] = "<b>订单合计:</b>" + [opt[0][0].field];
                }
                footerObj.push(obj);
            }

            if (footer['wsum'] != "") {
                var tmp = '{' + footer['wsum'].substring(0, footer['wsum'].length - 1) + "}";
                var obj = eval('(' + tmp + ')');
                if (obj[opt[0][0].field] == undefined) {
                    footer['wsum'] += '"' + opt[0][0].field + '":"<b>重量合计:</b>"';//obj第0列显示为重量合计
                    obj = eval('({' + footer['wsum'] + '})');
                } else {
                    obj[opt[0][0].field] = "<b>重量合计:</b>" + [opt[0][0].field];
                }
                footerObj.push(obj);
            }

            if (footer['vsum'] != "") {
                var tmp = '{' + footer['vsum'].substring(0, footer['vsum'].length - 1) + "}";
                var obj = eval('(' + tmp + ')');
                if (obj[opt[0][0].field] == undefined) {
                    footer['vsum'] += '"' + opt[0][0].field + '":"<b>体积合计:</b>"';//obj第0列显示为订单合计
                    obj = eval('({' + footer['vsum'] + '})');
                } else {
                    obj[opt[0][0].field] = "<b>体积合计:</b>" + [opt[0][0].field];
                }
                footerObj.push(obj);
            }

            if (footerObj.length > 0) {
                $(jq).datagrid('reloadFooter', footerObj);
            }
            function sum(filed) {
                var sumNum = 0;
                var str = "";
                for (var i = 0; i < rows.length; i++) {
                    var num = rows[i][filed];
                    sumNum += Number(num);
                }
                if(filed=='volume')
                    vtotal = sumNum;
                else if(filed=='weight')
                    wtotal = sumNum;
                return '"' + filed + '":"' + sumNum.toFixed(2) +'"';
            }
            function total(filed){
                var isum = rows.length;
                return '"' + filed + '":"' + isum +'"';
            }
        }
    }

easyui-validatebox:自定义验证

案例：身份证验证

<input type="text" name="idcard" id="text_driver_idCard" class="easyui-textbox easyui-validatebox" validType="checkIDCard" data-options="required:true"/>  

在<script></script>中加入以下代码：

注意在$(function(){})加载

$.extend($.fn.validatebox.defaults.rules, {
        //身份证验证
        checkIDCard:{
            validator: function checkIDCard(value){
                var reg = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/;
                if(reg.test(value)){
                    return true;
                }else{
                    return false;
                }
            },
            message: '身份证号码无效'
        }
    });

easyui 分辨率改变宽高度的自适应：

datagrid自适应：

    //datagrid自适应
    function fitCoulms () {
        $("#idName").datagrid({
            fitColumns:true
        });
    }

div--panel 自适应：增加如下设置，div下面的元素高宽度设置百分比

<div class="easyui-panel" fit="true"></div>

在做项目的时候用到了echarts，其中echarts图表自适应设置如下：

 //浏览器大小改变时重置大小
        window.onresize = function () {
            main_1.resize();
            main_2.resize();
            main_3.resize();
        };

其中main_x为获取的echarts的容器