layui tab

1.对交叉跨越进行统计

目的：对交叉跨越统计

思路：根据 条件进行，依次进行统计

layui tab table form element

layui tab   有标题和内容

静态tab

 <div class="layui-tab layui-tab-card" lay-filter="towerquery">
        <ul class="layui-tab-title">
            <!--<li id="tab_pro1" class="layui-this">属性1</li>-->
            <!--<li id="tab_pro2" >属性2</li>-->
        </ul>
        <div class="layui-tab-content">
            <!--<div id="Pro_1" class="layui-tab-item layui-show">23-->

            <!--</div>-->
            <!--<div id="Pro_2" class="layui-tab-item" >33-->

            <!--</div>-->
        </div>
        <!--<div id="tb_crs">-->
        <!--<table id="cros_tb" class="layui-hide" ></table>-->
        <!--</div>-->

    </div>

 

动态填充内容：

  //初始化tab
        function crossinitdata(evloopid) {
            getcrosstype(evloopid, function (d) {
                for (var i = 0; i < d.length; i++) {
                    if(d[i]!=null){
                        $(".layui-tab-title").append('<li id=tab_' + i + ' class="layui-this">' + d[i] + '</li>');
                        $(".layui-tab-content").append('<div id=pro_' + i + ' class="layui-tab-item "></div>');
                    }
                }
                ;
                // crosstype = d[0];

            });

        }

 

  element.on('tab(towerquery)', function (elemDom) {

            var con = $("#pro_" + elemDom.index);
            $(".tb_crs").remove();

            var hasTable = con.find(".tb_crs");

            if (hasTable.length < 1) {
                //构建table容器
                var tableDiv = $("<div class='tb_crs'></div>");
                var table = $("<table id='cros_tb' ></table>");

                tableDiv.append(table);
                con.append(tableDiv);

                //初始化table数据
                crosstype = $(this).text();

});