yaqiukasi 2018-05-08 06:14 采纳率: 0%
浏览 3330
已采纳

easyui 的 datagrid 在选项卡 tabs 中不显示数据

 </head>
<body>
    <div class="body">
        <div class="left">
            <div id="ak47" class="li">
                添加选项卡
            </div>
        </div>
        <div class="right">
            <div id="tt" class="easyui-tabs" style="width:500px;height:250px;">   

            </div> 
        </div>
    </div>
</body>
<script type="text/javascript" src="${basePath }/js/jquery-1.12.2.min.js"></script>
<script type="text/javascript" src="${basePath }/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
    $(function(){
        var flog=0;
        $('#tt').tabs({    
            border:false,    
            onSelect:function(title){    
                alert(title+' is selected');    
            }    
        }); 
        // add a new tab panel    
        $('#tt').tabs('add',{    
            title:'New Tab',    
            content:'Tab Body',    
            closable:true,    
            tools:[{    
                iconCls:'icon-mini-refresh',    
                handler:function(){    
                    alert('refresh');    
                }    
            }]    
        }); 

        $("#ak47").on("click",function(){
            if(flog==0)
            {
                flog+=1;
                // 添加一个新的选项卡    
                $('#tt').tabs('add',{    
                    id:"ad",
                    title:'New Tab',    
                    content:'<table id="dg"></table>',    
                    closable:true,    
                    tools:[{    
                        iconCls:'icon-mini-refresh',    
                        handler:function(){    
                            alert('refresh');    
                        }    
                    }]  
                });
                $('#dg').datagrid({    
                    url:'${basePath}/dba/listUser',    
                    columns:[[    
                        {field:'id',title:'ID',width:100},    
                        {field:'loginId',title:'用户名',width:100},    
                        {field:'password',title:'密码',width:100,align:'right'}    
                    ]]    
                });
            }
        });
        $('#tt').tabs({
            onClose:function(){
                flog=0;
            }
        });
    });

点击的时候生成一个tabs并且在tabs中插入一个datagrid。现在的结果是数据可以过来,但是datagrid被挤成一条竖线,数据有,但是被隐藏了
图片说明
下面是获得的数据,但是无法显示
图片说明

  • 写回答

4条回答 默认 最新

  • Go 旅城通票 2018-05-08 06:39
    关注

    设置width,height

    
      $('#dg').datagrid({height:'100%',width:'100%',////////
                        url: '${basePath}/dba/listUser',
                                //////////............
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 拟通过pc下指令到安卓系统,如果追求响应速度,尽可能无延迟,是不是用安卓模拟器会优于实体的安卓手机?如果是,可以快多少毫秒?
  • ¥20 神经网络Sequential name=sequential, built=False
  • ¥16 Qphython 用xlrd读取excel报错
  • ¥15 单片机学习顺序问题!!
  • ¥15 ikuai客户端多拨vpn,重启总是有个别重拨不上
  • ¥20 关于#anlogic#sdram#的问题,如何解决?(关键词-performance)
  • ¥15 相敏解调 matlab
  • ¥15 求lingo代码和思路
  • ¥15 公交车和无人机协同运输
  • ¥15 stm32代码移植没反应