查看: 9837|回复: 11

textbox不占满单元格的问题 [复制链接]

congjihui

新手上路

Rank: 1

电梯直达

楼主

发表于 2013-9-26 09:36:30 |只看该作者 |倒序浏览

本帖最后由 congjihui 于 2013-9-26 09:36 编辑

我在datagrid控件的单元格中嵌入了textbox。很奇怪的是，当页面左边二级菜单展开的时候，textbox不占满整个单元格，如图1所示。而将二级菜单收起以后textbox就能占满全格了，如图2所示。再有，当我点击单元格中的textarea控件的时候，当前页面整个自动移动到起始位置，如图3所示，我点击的是职务等级列。也就是从第一列开始，而我没想让它自动动起来。请问这是为什么？代码如下：
<div id="emloyeeInfo_grid" class="mini-datagrid" style="width:1080px;height:280px;" idField="employeeId"
         allowResize="true" url="<%=basePath%>queryEmployeeInfoConfirmation.action" pageSize="10"  allowCellSelect="true"
         multiSelect="true" allowCellEdit="true" editNextOnEnterKey="true"
         oncellbeginedit="onPostOfficeSelect" showModified="false" allowCellValid="true">
…………

  <div field="postsRank" displayField="postsRankName" class="mini-combobox" align="center" width="50px" headerAlign="center" allowSort="true">岗位职级
           <input id="postsRank" field="postsRank" required="true" class="mini-combobox" allowInput="true" property="editor" showNullItem="true" valueField="id" textField="text"/>
         </div>
         <div name="postGrades" field="postGrades" align="center" width="50px" headerAlign="center" allowSort="true">职务等级
            <input property="editor" class="mini-textbox" vtype="required;float" required="true" maxLength="5" minHeight="50" style="width:100%;"/>
         </div>
图1图2图3
图4

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

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-9-26 10:06:12 |只看该作者

1. 看下你的页面头部<!doctype..>有么有写完整
2.IE浏览器的话不要用兼容模式
3.如果还不行,更新下miniui看看

congjihui

新手上路

Rank: 1

板凳

发表于 2013-9-27 14:17:53 |只看该作者

factory 发表于 2013-9-26 10:06
1. 看下你的页面头部有么有写完整
2.IE浏览器的话不要用兼容模式
3.如果还不行,更新下miniui看看 ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>员工基本信息</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<script src="<%=basePath%>js/boot.js" type="text/javascript"></script>

<script type="text/javascript">
$.ajax({
         url: "<%=basePath%>getSessionStatus.action?",
         cache: false,
         success: function (text) {
               if(text["sessionFaile"]) {
               top.location='<%=basePath%>login.jsp';
               }
         }
      });
</script>
</head>
这是页面头部分的代码，都写完整了了啊。