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
你这个页面单独运行,你那边也有问题吗?

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

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

作者: 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/) Powered by Discuz! X2