Easy-ui 加载树资源 以及遍历数据


----------------------jsp页面------------------------------------------



<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>
    <%@ include file="/WEB-INF/views/include/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<%@ include file="/WEB-INF/views/include/basic-head.jsp"%>
<%@ include file="/WEB-INF/views/include/easyui-head.jsp"%>

<title>质控质量控制状态</title>
<link href="static/theme/css/jobs/jobgroup.css" rel="stylesheet" />

<!-- jQuery eazyUI 表单验证扩展  -->
<script type="text/javascript"
    src="static/js/validation/jquery_eazyui_validation.js"></script>
<script type="text/javascript" src="static/js/dataqc/dataQcState.js"></script>
</head>
<body>

<div id="cc" class="easyui-layout" data-options="fit:true">
    <div data-options="region:'west',title:'组树菜单',split:true" style="width:200px;">
        <ul id="dqc_group_tree"></ul>
    </div>
    <div data-options="region:'center',fit:true, title:'质控组管理'">
        <table id="qdc_group_datagrid"></table>
    </div>
</div>


<div id="dqc_group_dlg" class="easyui-dialog"
    style="width: 300px; height: 450px; padding: 10px 20px" closed="true"  modal=true
    buttons="#dlg-buttons">
    <div class="ftitle">组信息</div>
    <form id="fm" method="post" novalidate>
        <div class="fitem">
            <label>组ID:</label>
            <input id="input_dqcgid" name="dqcgid" class="easyui-validatebox" required="true">
        </div>
        <div class="fitem">
            <label>父组ID:</label>
            <input id="input_fdqcgid" name="fdqcgid" class="easyui-validatebox" required="true" readonly="readonly">
        </div>
        <div class="fitem">
            <label>组名称:</label>
            <input name="gname" class="easyui-validatebox" required="true">
            <input name="orderby" type="hidden"  rsequired="true">
        </div>
        <div class="fitem">
            <label>状态:</label>
            <div class="radio" style="width: 200px;height:20px;line-height:20px;">
                <input class="fitem-radio" name="state" type="radio" value="1"  id="qiyong"/><label>启用</label>
                <input class="fitem-radio" name="state" type="radio" value="2" /><label>禁用</label>
            </div>
        </div>
        <div class="fitem">
            <label>备注:</label>
            <textarea name="remark"></textarea>
        </div>
    </form>
</div>
<div id="dlg-buttons">
       <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" οnclick="saveDqcGroup()">保存</a>
       <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" οnclick="javascript:$('#dqc_group_dlg').dialog('close')">取消</a>
</div>

<div id="prompt-dlg" class="easyui-dialog" title="启用选择框" style="width:160px;height:100px;"
        data-options="resizable:true,modal:true,buttons:'#prompt-dlg-buttons',closed:true">
    <div style="margin-top: 5px;margin-left: 20px;">
        <input type="checkbox" name="sure-job" id="sure-job" /><label>同时启用该组作业</label>
    </div>
</div>

<div id="prompt-dlg-buttons">
       <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" οnclick="Sure()">确定</a>
       <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" οnclick="javascript:$('#prompt-dlg').dialog('close')">取消</a>
</div>
</body>

</html>








----------------------------js---------------------------------

var url = path + "/dataqc/dataQcgroup/listByDqcgid";
var dqcgid  = '0';
$(document).ready(function(){
    
    $('#dqc_group_tree').tree({
        url:path+"/dataqc/loadQcGroup",
        loadFilter: function(data){
            if (data.returnData){
                return new Array(data.returnData[0]);
            } else {
            //return data;
            }
        },
        onClick:function(node){
            dqcgid  = node.id;
            $('#qdc_group_datagrid').datagrid('load',{dqcgid:dqcgid});
        },
        onLoadSuccess:function(node, data){
            
            var root = $('#dqc_group_tree').tree('getRoot');
            var nodes = $('#dqc_group_tree').tree('getChildren', root.target);
            dqcgid = nodes[0].dqcgid;
            $('#qdc_group_datagrid').datagrid({
                url:path+"/dataqc/listDataqcState",
                fit:true,
                singleSelect:true,
                columns:[[
                          {field:'dqckey',title:'质控key',width:100,align:'center'},
                          {field:'dqcname',title:'质控名',width:100,align:'center'},
                          {field:'dqrecordnum',title:'已质控记录数',width:100,align:'center'},
                          {field:'lackrecordnum',title:'缺测记录数',width:100,align:'center'},
                          {field:'runtimeavg',title:'平均运行时间',width:100,align:'center'},
                          {field:'lastruntime',title:'最后一次运行时间',width:100,align:'center'},
                          {field:'runnum',title:'运行次数',width:100,align:'center'},
                          {field:'errnum',title:'出错次数',width:100,align:'center'},
                          {field:'lasterrtime',title:'最后出错时间',width:100,align:'center'},
                          {field:'errinfo',title:'最后出错信息',width:100,align:'center'},
                          {field:'xx',title:'字段详情',width:100,align:'center',formatter:function(value,row,index){
    
                             return '<a href="javascript:void(0);" class="easyui-linkbutton" plain="true" οnclick="openZDXQdlg(\''+row.dqckey+'\');">进入</a>';
                              
                          }}
                          
                          
                ]],
                loadFilter: function(data){
                    var result = {};
                    result.rows = data.returnData;
                    return result;
                },
                queryParams:{dqcgid: dqcgid}
            });
        }
    });
    
    

});

猜你喜欢

转载自blog.csdn.net/lzp492782442/article/details/42002095
今日推荐