表格宽度手动更改属性设置 - jQuery MiniUI

<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>

复制代码