jQuery MiniUI

标题: datagrid 中可编辑框如何设置height [打印本页]

作者: qujiantao    时间: 2013-6-5 17:03:47     标题: datagrid 中可编辑框如何设置height

<div field="evaStandard" width="320" allowSort="true" headerAlign="center" dateFormat="yyyy-MM-dd">评价标准
                        <input property="editor" class="mini-textarea" style="width:100%;height:200px"/>
</div>


上面是datagrid 中一列。这列中数据较多,但是在显示时textarea高度只能是固定的,能不能自行设置,如果能根据数据来自行设置height就更好了!

作者: factory    时间: 2013-6-5 17:06:44

mini-textarea无法根据内容自适应高度的
作者: qujiantao    时间: 2013-6-5 17:10:30

那能自己设置个固定高度吗?
作者: factory    时间: 2013-6-5 17:21:17

qujiantao 发表于 2013-6-5 17:10
那能自己设置个固定高度吗?

可以的,直接给个height就好了
作者: qujiantao    时间: 2013-6-5 17:51:56

我根据下面的例子试了下。好像不行呀!还是固定大小
,请版主帮我看看!!谢谢  
   <div class="mini-fit" >
            <div id="grid1" class="mini-datagrid" style="width:100%;height:100%;"
                borderStyle="border:0;" allowCellSelect="true" allowCellEdit="true" sizeList="[10,20,50]" pageSize="10"              
            >
                <div property="columns">            
                     <div field="describe" width="200" allowSort="true" headerAlign="center">描述
                        <input property="editor" class="mini-textarea" style="width:100%;"/>
                    </div>            
                     <div field="evaStandard" width="320" allowSort="true" headerAlign="center" dateFormat="yyyy-MM-dd">评价标准
                        <input property="editor" class="mini-textarea" style="width:100%;height:2000px"/>
                    </div>                                    
                    <div field="createDate" width="70" headerAlign="center" align="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>               
                </div>
            </div>
作者: qujiantao    时间: 2013-6-6 08:12:11

factory 发表于 2013-6-5 17:21
可以的,直接给个height就好了

我根据下面的例子试了下。好像不行呀!还是固定大小
,请版主帮我看看!!谢谢  
   <div class="mini-fit" >
            <div id="grid1" class="mini-datagrid" style="width:100%;height:100%;"
                borderStyle="border:0;" allowCellSelect="true" allowCellEdit="true" sizeList="[10,20,50]" pageSize="10"              
            >
                <div property="columns">            
                     <div field="describe" width="200" allowSort="true" headerAlign="center">描述
                        <input property="editor" class="mini-textarea" style="width:100%;"/>
                    </div>            
                     <div field="evaStandard" width="320" allowSort="true" headerAlign="center" dateFormat="yyyy-MM-dd">评价标准
                        <input property="editor" class="mini-textarea" style="width:100%;height:2000px"/>
                    </div>                                    
                    <div field="createDate" width="70" headerAlign="center" align="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>               
                </div>
            </div>
作者: felt    时间: 2013-6-6 09:04:35

<input property="editor" class="mini-textarea" style="width:100%" minHeight="2000px">
作者: factory    时间: 2013-6-6 09:33:39

qujiantao 发表于 2013-6-6 08:12
我根据下面的例子试了下。好像不行呀!还是固定大小
,请版主帮我看看!!谢谢  
   

控件放在在表格中的话,你参考这个例子去修改高度:http://www.miniui.com/demo/#src=form/diysize.html

作者: qujiantao    时间: 2013-6-6 15:10:50

felt 发表于 2013-6-6 09:04

好了。谢谢版主




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2