jQuery MiniUI

标题: textbox不占满单元格的问题 [打印本页]

作者: congjihui 时间: 2013-9-26 09:36:30 标题: textbox不占满单元格的问题

本帖最后由 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>
[attach]2953[/attach]图1[attach]2955[/attach]图2[attach]2954[/attach]图3
[attach]2952[/attach]图4

作者: factory 时间: 2013-9-26 10:06:12

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

作者: congjihui 时间: 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>
这是页面头部分的代码，都写完整了了啊。

作者: congjihui 时间: 2013-9-27 14:18:48

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

不管用不用兼容模式都是那样的。

作者: factory 时间: 2013-9-27 14:18:54

congjihui 发表于 2013-9-27 14:17
员工基本信息

把你页面发我,我看看

作者: congjihui 时间: 2013-9-27 14:34:52

factory 发表于 2013-9-27 14:18
把你页面发我,我看看

这个是JSP页面，整个页面在附件中。

作者: factory 时间: 2013-9-27 15:30:07

congjihui 发表于 2013-9-27 14:34
这个是JSP页面，整个页面在附件中。

你这个页面单独运行,你那边也有问题吗?

我运行了你这个页面,参照你上面的截图,编辑的也是职务等级这一列,每次都是100%撑满的额

作者: congjihui 时间: 2013-9-27 15:37:11

factory 发表于 2013-9-27 15:30
你这个页面单独运行,你那边也有问题吗?

我运行了你这个页面,参照你上面的截图,编辑的也是职务等级这 ...

这就是我不懂的地方了，我这边运行，总是出现那种状况也不知道为啥。反正左边的二级菜单一展开，那个textbox就占不满。就算移动下面的滚动条也不行。但是，我发现那个textbox的大小位置正好是达到浏览器实际呈现的宽度。但是，如果把二级菜单收起来就没有这种情况了。
我也不清楚为啥。

作者: congjihui 时间: 2013-9-27 15:38:13

factory 发表于 2013-9-27 15:30
你这个页面单独运行,你那边也有问题吗?

我运行了你这个页面,参照你上面的截图,编辑的也是职务等级这 ...

作者: factory 时间: 2013-9-27 15:42:48

congjihui 发表于 2013-9-27 15:38
这就是我不懂的地方了，我这边运行，总是出现那种状况也不知道为啥。反正左边的二级菜单一展开，那个text ...

那你最好给我完整的,你现在给的是表格的那个单独的页面,我运行还是正常的,你把整个页面给我,或者你自己整合一下,做个单独能重现问题的简单点的例子发我.

你不是说右边的tree展开就有问题吗?你给我的例子,现在还没有tree

作者: congjihui 时间: 2013-9-27 15:52:06

factory 发表于 2013-9-27 15:42
那你最好给我完整的,你现在给的是表格的那个单独的页面,我运行还是正常的,你把整个页面给我,或者你自己整 ...

那，minui的例子里面有没有在datagrid的单元格中添加textbox和textarea的示例？给我看看呗。

作者: felt 时间: 2013-9-27 15:53:51

那，minui的例子里面有没有在datagrid的单元格中添加textbox和textarea的示例？给我看看呗。

http://www.miniui.com/demo/#src=datagrid/celledit.html
你看下这个demo，有textbox和textarea编辑器的。

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