easy-ui使用汇总

1.在使用jsp页面中用到搜索时使用

 //获取文本框点击时清空搜索框
  $('#majorSearch').textbox('textbox').click(function () {
        if($("#majorSearch").textbox("getValue")=="请输入厂家名称或备件类型、名称。。。"){
            $("#majorSearch").textbox("setValue","");
        }
    });

2.动态展示tabs页，从后台获取tabs名称

//准备一个tabs页通过url传值
    //title名称  urltabs要展示数据的url
    //动态创建tab工具类
    function addTab(title, url) {
        var content = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
        //判断 tabs标签是否存在
        if ($('#tt').tabs('exists', title)) {
            //存中的话修改
            $("#tt").tabs("select", title);
            var selTab = $('#tt').tabs('getSelected');
            //修改tabs页
            $('#tt').tabs('update', {
                tab: selTab,
                options: {
                    content:content
                }
            })
        } else {
           //不存在的话添加tabs页
            $('#tt').tabs('add', {
                title: title,
                content: content,
            });
        }
    }

 var url="${pageContext.request.contextPath}/";
  function inintdg(){
   //去后台获取table标题
        $.ajax({
            type: "POST",
            url: url+"rest/commonCode/getMajor",
            asycn:false,
            success: function (msg) {
                msg = $.parseJSON(msg);
                //获取查询内容
                let majorSearch=$("#majorSearch").textbox("getValue");
                for(var i=0;i<msg.length;i++){
                    //动态添加tabs页面
                    addTab(msg[i].major_name,url+"view/statisticAnalysis/major_statistic_index.jsp?majorSearch="+majorSearch+"&major_id="+msg[i].major_id);
                }
            },
        })
    }

html

<div data-options="region:'center',border:false" style="padding: 3px">
        <div id="tt" class="easyui-tabs" data-options="fit:true" style="width:100%;height:100%;">
        </div>
    </div>

major_statistic_index.jsp页面获取数据

$(function () {
            let sea="${param.majorSearch}";
            let ids="${param.major_id}";
            alert(sea+"::"+ids);
    })

3.计算datagrid指定列的总数
onLoadSuccess : compute,//数据加载完成时调用的函数

//计算函数
    function compute() {
        var rows = $('#dg').datagrid('getRows') //获取当前的数据行
        var ptotal = 0, //计算stock_number的总和
            utotal = 0; //统计ma_sport_num的总和
        for (var i = 0; i < rows.length; i++) {
            ptotal += parseInt(rows[i]['stock_number']);
            utotal += parseInt(rows[i]['ma_sport_num']);
        }
        //新增一行显示统计信息
        $('#dg').datagrid('appendRow', {
            //这里放入该列字段的名称 对应数据
            major_name : '<b>合计：</b>',
            stock_number : ptotal,
            ma_sport_num : utotal
        });
    }