jQuery MiniUI

标题: datagrid显示有问题 [打印本页]

作者: nihousheng 时间: 2012-10-18 17:39:32 标题: datagrid显示有问题

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="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";
            }
  }

[attach]784[/attach]

作者: niko 时间: 2012-10-18 20:17:31

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)