datagrid显示有问题

nihousheng

datagrid最外层我再添加一个div用来控制里面div的显示。刚开始加载的时候让它隐藏。通过触发事件来将整个数据表格再显示出来，但是这时候就出现控件显示，数据不显示了，代码图片如下：
<input type="checkbox" id="contentid" />显示数据表格
<div id="hiddenTest" style="display: none;">
    <h1>DataGrid 数据表格</h1>      
    <div style="width:800px;">
        <div class="mini-toolbar" style="border-bottom:0;padding:2px;">
            <table style="width:100%;">
                <tr>
                    <td style="width:100%;">
                        <a class="mini-button" iconCls="icon-add">增加</a>
                        <a class="mini-button" iconCls="icon-add">编辑</a>
                        <a class="mini-button" iconCls="icon-remove">删除</a>      
                    </td>
                    <td style="white-space:nowrap;">
                        <input id="key" class="mini-textbox" emptyText="请输入姓名" style="width:150px;"/>   
                        <a class="mini-button">查询</a>
                    </td>
                </tr>
            </table>           
        </div>
    </div>
    <div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;" allowResize="true"
        url="../data/AjaxService.jsp?method=SearchEmployees"  idField="id" multiSelect="true"
    >
        <div property="columns">
            <!--<div type="indexcolumn"></div>        -->
            <div type="checkcolumn" ></div>        
            <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>   
            <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>   
            <div header="工作信息">
                <div property="columns">
                    <div field="dept_name" width="120">所属部门</div>
                    <div field="position_name" width="100">职位</div>
                    <div field="salary" width="100" allowSort="true">薪资</div>
                </div>
            </div>
            <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>   
            <div header="基本信息">
                <div property="columns">
                    <div field="gender" width="100" renderer="onGenderRenderer">性别</div>
                    <div field="age" width="100" allowSort="true">年龄</div>
                    <div field="birthday" width="100" renderer="onBirthdayRenderer">出生日期</div>
                    <div field="married" width="100" align="center" renderer="onMarriedRenderer">婚否</div>
                    <div field="email" width="100">邮箱</div>
                </div>
            </div>
            <div header="学历信息">
                <div property="columns">
                    <div field="educational_name" width="100">学历</div>
                    <div field="school" width="120">毕业院校</div>
                </div>
            </div>                     
        </div>
    </div>
   
</div>
function showOrHiddenContent(){
   var target=document.getElementById("hiddenTest");
   
   if (target.style.display=="block"){
                  target.style.display="none";
              } else {
                    target.style.display="block";
              }
  }

niko

target.style.display="block";
mini.layout();