easyui 的 datagrid 表格在返回数据为空时，页面空白，表格头部以及toolbar不显示

2015-08-28 05:48:38 595 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

企业级智能问数开发的核心痛点与技术聚焦本文介绍了企业级智能问数系统开发的三大核心问题和解决方案：语义解析不精准、SQL生成不健壮、企业适配难落地。文章从开发者视角出发，详细拆解了NLU语义解析、SQL生成、对话记忆、企业级适配四大核心模块的技术实现。在技术选型方面，推荐了LangChain+DeepSeek-R1、FAISS/Milvus、SQLAlchemy等工具链组合。针对企业级需求，重点讲解了：语义解析模块的意图识别优化和要素提取技术 SQL生成模块的语法校验与性能优化方案对话记忆模块的Redis存储实现企业级适配的三层防护体系和阅读详情

easyui 的 datagrid 表格在返回数据为空时，页面空白，表格头部以及toolbar不显示

js代码如下：



<table id="experlist"></table>

<script type="text/javascript">

$(function() {

    $('#experlist').datagrid({

        border:false,

        fit:true,

        fitColumns:true,

        pageSize: 20,

        pageList: [20,30,40,50],

        nowrap:false,

        collapsible:false,

        url:'__URL__/vbox_show/',

        loadMsg:'数据处理中......',

        sortName:'id',

        sortOrder:'desc',

        remoteSort:false,

        frozenColumns:[[

            {field:'ck',checkbox:true}

        ]],

        columns:[[

            {title:'编号',field:'id',width:fixWidth(0.05),align:'center',sortable:true,

                sorter:function(a,b){

                    return (a>b?1:-1);

                },

                formatter:function(value,rec) {

                    return '#'+ value;

                }

            },

            {title:'隶属练习',field:'title',width:fixWidth(0.1),align:'center',

                formatter:function(value) {

                    data = '<span class="tl">'+ value +'</span>';

                    return data;

                }

            },

            {title:'隶属用户',field:'username',width:fixWidth(0.1),align:'center',sortable:true,},

            {title:'母机信息',field:'server',width:fixWidth(0.2),align:'center',

                formatter:function(value,rec) {

                    os = (rec['state'][rec['server_name']]['os']==undefined) ? '' : '<br>操作系统：'+rec['state'][rec['server_name']]['os'];

                    since = (rec['state'][rec['server_name']]['since']==undefined) ? '' : '<br>系统快照：'+rec['state'][rec['server_name']]['since'];

                    data = '<span class="tl" style="line-height:20px;">名称：'+ rec['server_name'] +'　端口：'+ rec['server_port']+os+since+'</span>';

                    return data;

                }

            },

            {title:'客户机信息',field:'client',width:fixWidth(0.2),align:'center',

                formatter:function(value,rec) {

                    os = (rec['state'][rec['client_name']]['os']==undefined) ? '' : '<br>操作系统：'+rec['state'][rec['client_name']]['os'];

                    since = (rec['state'][rec['client_name']]['since']==undefined) ? '' : '<br>系统快照：'+rec['state'][rec['client_name']]['since'];

                    data = '<span class="tl" style="line-height:20px;">名称：'+ rec['client_name'] +'　端口：'+ rec['client_port']+os+since+'</span>';

                    return data;

                }

            },

            {title:'虚拟机状态',field:'status',width:fixWidth(0.15),align:'center',

                formatter:function(value,rec) {

                    if(rec['state'][rec['server_name']]['state']=='running') {

                        vrde_conn = (rec['state'][rec['server_name']]['vrde_conn']=='active') ? '<span class="cl">已连接</span>' : '未使用';

                        server_data = '<span class="cl">运行中 </span> ('+vrde_conn+') <a onclick=exper_stop('+rec['id']+',"'+rec['server_name']+'")><span class="co">关机</span></a> <br>IP：'+rec['state'][rec['server_name']]['ip'];

                    } else {

                        server_data = '未启动  <a onclick=exper_start('+rec['id']+',"'+rec['server_name']+'")>启动</a>';

                    }

                    if(rec['state'][rec['client_name']]['state']=='running') {

                        vrde_conn = (rec['state'][rec['client_name']]['vrde_conn']=='active') ? '<span class="cl">已连接</span>' : '未使用';

                        client_data = '<span class="cl">运行中</span> ('+vrde_conn+') <a onclick=exper_stop('+rec['id']+',"'+rec['client_name']+'")><span class="co">关机</span></a> <br>IP：'+rec['state'][rec['client_name']]['ip'];

                    } else {

                        client_data = '未启动  <a onclick=exper_start('+rec['id']+',"'+rec['client_name']+'")>启动</a>';

                    }

                    return '<span class="ch" style="line-height:20px;">母机'+server_data+'<br>客户机'+client_data+'</span>';

                }

            },



            {title:'最后操作时间',field:'addtime',width:fixWidth(0.1),align:'center',sortable:true,

                sorter:function(a,b){

                    return (a>b?1:-1);

                }

            },

            {title:'操作',field:'act',width:fixWidth(0.1),align:'center',

                formatter:function(value,rec) {

                    return '<a onclick="exper_del('+rec['id']+')">删除</a>';

                }

            },

        ]],

        pagination:true,

        rownumbers:true,

        toolbar:[{

            text:'全部实验机',

            iconCls:'icon-mune',

            handler:function() {

                goTab('实验机管理','icon-zs','exper/vbox','exper');

            }

        },'-',{

            text:'批量关机',

            iconCls:'icon-dis',

            handler:exper_stopall

        },'-',{

            text:'批量删除',

            iconCls:'icon-del',

            handler:exper_delall

        }],

    });

});