EasyUI 表单宽度自适应

来源：互联网发布：约束最优化问题求解编辑：程序博客网时间：2024/05/21 08:47

在用easyui表单元素发现初始化时的宽度是超过窗口的宽度的，样式真的难看死了；把宽度设定成200px后，万一最大化窗口，那么样式也不美观；后来试了下设定成90%是可以的；不过下拉框以及数字微调框在最大化最小化窗口时还是不能很好的适应；所以普通的输入框都设定90%，下拉框数字微调框则设定200px。

<tr>    <th>上级分类</th>    <td>        <select id="parent_id" class="tb easyui-combobox"  name="articleCategoryFormMap.parent_id"  style="width: 200px">                <option value="0">--请选择--</option>                <c:forEach items="${parents }" var="one">                    <option <c:if test="${category.parent_id == one.id }">selected="selected"</c:if> value="${one.id }">${one.name }</option>                </c:forEach>        </select>    </td></tr><tr>    <th>分类名称</th>    <td><input id="name" class="tb easyui-validatebox" type="text" data-options="validType:['length[1,128]']" required="true" style="width: 90%"        name="articleCategoryFormMap.name" value="${category.name}" /></td></tr>

0 0