jQuery MiniUI › 论坛 › MiniUI › 技术交流 › 表格宽度手动更改属性设置

查看: 10918|回复: 8

表格宽度手动更改属性设置 [复制链接]

sd_tz_123

注册会员

Rank: 2

电梯直达

楼主

发表于 2012-11-8 13:53:09 |只看该作者 |倒序浏览

<div title="客户事件">
      <div id="linkbilldatagrid1" class="mini-datagrid" style="overflow-y:auto;height:90%;width:100%;" showTotalCount="true" allowResize="true"
         url="/miniservice/service/mn.bs.framework.servlet.res_client.QueryClient_LinkBillAction"  idField="id"  pageSize="100">
<div property="columns">
   <div name="action"  headerAlign="center" align="center" renderer="onInitActionRenderer" cellStyle="padding:0;">#</div>
   <div field="type"  headerAlign="center">单据类型</div>
   <div field="subcode"  headerAlign="center">单据编号</div>
   <div field="complain_theme"  headerAlign="center">主题</div>
   <div field="srvdate"  headerAlign="center">日期</div>
   <div field="undistribute"  headerAlign="center">未分配</div>
   <div field="isfinish"  headerAlign="center">处理完成</div>
   <div field="isvisit"  headerAlign="center">已回访</div>
   <div name="pk" field="pk" >主键</div>
</div>
  </div>
   </div>
就这个界面，表格的宽度手动更改不行，我其他的是可以的，我的设置和其他没什么区别啊，为什么不可拖动更改呢，什么属性设置控制呢

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2012-11-8 14:01:39 |只看该作者

allowResizeColumn="true"允许手动拖拽调节列宽
allowResize="true" 允许手动拖拽调节表格大小,点住表格做右下角,可以缩放表格

sd_tz_123

注册会员

Rank: 2

板凳

发表于 2012-11-8 14:23:48 |只看该作者

factory 发表于 2012-11-8 14:01
allowResizeColumn="true"允许手动拖拽调节列宽
allowResize="true" 允许手动拖拽调节表格大小,点住表格做 ...

allowResizeColumn="true"，我加了这一句依旧不可以拖动啊，我这个界面是上面是一个form下面是tabs，tabs里的列表界面列宽不能拖动和这个有关吗

factory

超级版主

Rank: 8 Rank: 8

地板

发表于 2012-11-8 14:50:50 |只看该作者

sd_tz_123 发表于 2012-11-8 14:23
allowResizeColumn="true"，我加了这一句依旧不可以拖动啊，我这个界面是上面是一个form下面是tabs，tabs ...

你直接把你这个页面发给我看看,我这边重现不了你的问题.都没问题

sd_tz_123

注册会员

Rank: 2

5^#

发表于 2012-11-8 14:58:38 |只看该作者

factory 发表于 2012-11-8 14:50
你直接把你这个页面发给我看看,我这边重现不了你的问题.都没问题

<div class="mini-panel" style="width:100%;height:100%;" showToolbar="true" showFooter="true" showHeader="false" footerStyle="background-color:Transparent;" headerStyle="background-color:Transparent;">
<form id="form1" name="form1" method="post">
<div id="toolbar1" class="mini-toolbar" style="padding:2px;">
<table style="width:100%;">
<tr>
<td style="width:100%;">
<a class="mini-button" iconCls="icon-save" plain="true" onclick="SaveData">保存</a>
<a class="mini-button" iconCls="icon-goto" plain="true" onclick="SubmitData">提交</a>
<span class="separator"></span>
<a class="mini-button" iconCls="icon-add" plain="true" onclick="AddClientLink">添加联系人</a>
<a class="mini-button" iconCls="icon-search" plain="true" onclick="QueryMaintenance">维修单</a>
</td>
</tr>
</table>
</div>
<fieldset style="border:solid 1px #aaa;padding:3px;">
<legend>报修基本信息</legend>
<div style="padding-left:11px;padding-bottom:5px;">
<table>
<tr>
<td style="width:70px;">服务类别：</td>
<td style="width:150px;">
<input id="servtype" name="servtype" class="mini-combobox" textField="text" valueField="id"
url="../ref/servtype.txt" value="无偿维修"/>
</td>
<td >维修种类</td>
<td >
<input id="maintenancetype" name="maintenancetype" class="mini-combobox" textField="text" valueField="id"
url="../ref/maintenancetype.txt" value="客户区域" showNullItem="true"/>
</td>
<td style="width:70px;">报修日期</td>
<td style="width:150px;">
<!-- <input id="tellservdate" name="tellservdate" class="mini-datepicker" showTime="true" format="yyyy-MM-dd H:mm" required="true"/>
<input id="tellservdate" type="text" style='width:120px;'/>
<input type="image" src="../image/schedule.gif" onclick="showCalendar(this,document.all.endtime)" /> -->
<input type="text" id="serdate" name="serdate" onclick="return showCalendar('serdate', 'y-mm-dd');" />
<input id="tellservdate" name="tellservdate" class="mini-hidden"/>
</td>
</tr>
<tr>
<td style="width:70px;">组织</td>
<td style="width:150px;">
<input id="pk_orgnization" name="pk_orgnization" class="mini-buttonedit" onbuttonclick="onButtonEdit" required="true"/>
</td>
<td >报修类别</td>
<td >
<input id="requestcategory" name="requestcategory" class="mini-combobox" textField="text" valueField="id"
url="../ref/requestcategory.txt" value="客户报修"/>
</td>
<td style="width:70px;">预约时间</td>
<td style="width:150px;">
<input id="dueservtime" name="dueservtime" class="mini-datepicker" showTime="true" format="yyyy-MM-dd H:mm" required="false" />
</td>
</tr>
<tr>
<td >报修地址</td>
<td colspan="5">
<input id="house_name" name="house_name" class="mini-buttonedit"
onbuttonclick="onButtonEdit" style="width:368px;" />
<input id="pk_house" name="pk_house" class="mini-hidden"/>
<input id="pk_floor" name="pk_floor" class="mini-hidden"/>
<input id="unitname" name="unitname" class="mini-hidden"/>
<input id="housename" name="housename" class="mini-hidden"/>
<input id="belongbuild" name="belongbuild" class="mini-hidden"/>
<input id="belongproject" name="belongproject" class="mini-hidden"/>
<input id="maintainid" name="maintainid" class="mini-hidden"/>
<input id="pk_prepared" name="pk_prepared" class="mini-hidden"/>
<input id="pk_client" name="pk_client" class="mini-hidden"/>
<input id="pk_reportpeople" name="pk_reportpeople" class="mini-hidden"/>
</td>
</tr>
<tr>
<td >客户名称</td>
<td >
<input id="tenantsname" name="tenantsname" class="mini-buttonedit"
onbuttonclick="onButtonEdit"/>
</td>
<td >报修人</td>
<td >
<input id="reportpeople" name="reportpeople" class="mini-buttonedit" onbuttonclick="onButtonEdit"/>
</td>
<td >联系电话</td>
<td >
<input id="telephone" name="telephone" class="mini-textbox"/>
</td>
</tr>
<tr>
<td >维修内容</td>
<td colspan="5">
<input name="servcontent" class="mini-textarea" style="width:350px;" required="true"/>
</td>
</tr>
<tr>
<td >备注</td>
<td colspan="5">
<input name="remarks" class="mini-textarea" style="width:350px;" />
</td>
</tr>
</table>
</div>
</fieldset>
</form>
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:100%;height:350px;"bodyStyle="padding:0;border:0;" >
<div title="客户事件" refreshOnClick="false">
<div id="linkbilldatagrid1" class="mini-datagrid" allowResizeColumn="true" style="overflow-y:auto;height:90%;width:100%;white-space:nowrap" showTotalCount="true" allowResize="true"
url="/miniservice/service/mn.bs.framework.servlet.res_client.QueryClient_LinkBillAction" idField="id" pageSize="100">
<div property="columns">
<div name="action" headerAlign="center" align="center" renderer="onInitActionRenderer" cellStyle="padding:0;">#</div>
<div field="type" headerAlign="center">单据类型</div>
<div field="subcode" headerAlign="center">单据编号</div>
<div field="complain_theme" headerAlign="center">主题</div>
<div field="srvdate" headerAlign="center">日期</div>
<div field="undistribute" headerAlign="center">未分配</div>
<div field="isfinish" headerAlign="center">处理完成</div>
<div field="isvisit" headerAlign="center">已回访</div>
<div name="pk" field="pk" >主键</div>
</div>
</div>
</div>
<div title="客户资料" refreshOnClick="false">
<div id="datagrid1" class="mini-datagrid" allowResizeColumn="true" style="overflow-y:auto;height:90%;width:100%;white-space:nowrap" showSummaryRow="true" allowResize="true"
url="/miniservice/service/mn.bs.framework.servlet.QueryClientServlet" idField="id" pageSize="100">
<div property="columns">
<div name="action" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">#</div>
<div field="client_name" headerAlign="center">客户名称</div>
<div field="client_code" headerAlign="center">客户编码</div>
<div name="pk_client" field="pk_client" >主键</div>
<div field="array" name="array" headerAlign="center">客户信息集合</div>
</div>
</div>
</div>
</div>
</div>
</div>

复制代码

factory

超级版主

Rank: 8 Rank: 8

6^#

发表于 2012-11-8 15:11:43 |只看该作者

sd_tz_123 发表于 2012-11-8 14:58

可以拖动的呀.
1.你看看页头加了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">没有
2.更新下miniui试试

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

sd_tz_123

注册会员

Rank: 2

7^#

发表于 2012-11-8 15:14:52 |只看该作者

factory 发表于 2012-11-8 15:11
可以拖动的呀.
1.你看看页头加了没有
2.更新下miniui试试

我试了下单独打开这个界面是可以的，但是window.showModalDialog(toPage,this,"dialogWidth:"+window.screen.width+"px;status:no;resizable:yes;scrollbars:yes;dialogHeight:"+window.screen.height+"px");
这个方法打开这个界面就不可以了