jQuery MiniUI

 找回密码
 立即注册
查看: 11501|回复: 14
打印 上一主题 下一主题

mini-textbox的Style不生效 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2012-6-8 10:04:31 |只看该作者 |倒序浏览
本帖最后由 athrun 于 2012-6-8 11:20 编辑

<input name="Qty" id="Qty" class="mini-textbox" required="true" style="width:240px;text-align:right;" value="99.8" />

以上我设定了右对齐,结果仍然是左对齐.

Rank: 9Rank: 9Rank: 9

沙发
发表于 2012-6-8 10:07:47 |只看该作者
你看下输入框的样式,需要设置在输入框样式上。
比如:
.rightAlign .mini-textbox-input{
    text-align:right;
}

然后:
<input name="Qty" id="Qty" class="mini-textbox rightAlign" ...

Rank: 2

板凳
发表于 2012-6-8 10:21:02 |只看该作者
本帖最后由 athrun 于 2012-6-8 10:37 编辑
fcrong 发表于 2012-6-8 10:07
你看下输入框的样式,需要设置在输入框样式上。
比如:
.rightAlign .mini-textbox-input{


ok,谢谢,原本我以为直接在控件的style上写就好了,为什么写在style上不行呢?.

Rank: 9Rank: 9Rank: 9

地板
发表于 2012-6-8 10:57:30 |只看该作者
因为,textbox的外观UI,不是简单的input。

Rank: 2

5#
发表于 2012-6-8 11:11:49 |只看该作者
niko 发表于 2012-6-8 10:57
因为,textbox的外观UI,不是简单的input。

可是在style中写width:200px;这个却又可以呀

Rank: 2

6#
发表于 2012-6-8 11:12:44 |只看该作者
本帖最后由 athrun 于 2012-6-8 11:18 编辑
athrun 发表于 2012-6-8 11:11
可是在style中写width:200px;这个却又可以呀


对了,顺便问一下,这次的2.0.7怎么对datagrid更新了那些呀?更新后反而不可以用了.原来的grid.getCellEl方法不见了.这样.....之前为什么要完全删除呢?

Rank: 9Rank: 9Rank: 9

7#
发表于 2012-6-8 11:32:53 |只看该作者
getCellEl不暴露了。
你可以通过drawcell来处理样式和其他细节。

不暴露getCellEl的原因:
为了以后,做性能优化的更多可能保留余地。


Rank: 2

8#
发表于 2012-6-8 11:39:16 |只看该作者
niko 发表于 2012-6-8 11:32
getCellEl不暴露了。
你可以通过drawcell来处理样式和其他细节。

可是我希望在grid draw出来以后对其单元格进行操作.如果不提供getCellEI方法,还有其它方法可以实现吗?

Rank: 9Rank: 9Rank: 9

9#
发表于 2012-6-8 11:49:46 |只看该作者
使用drawcell事件。
你可以控制单元格的样式、style、innerHTML。
参考:http://miniui.com/demo/#src=datagrid/drawcell.html

Rank: 2

10#
发表于 2012-6-8 12:32:43 |只看该作者
本帖最后由 athrun 于 2012-6-8 12:52 编辑
niko 发表于 2012-6-8 11:49
使用drawcell事件。
你可以控制单元格的样式、style、innerHTML。
参考:http://miniui.com/demo/#src=data ...


在grid draw出来以后还可以使用drawcell事件吗?
其实我的需求很简单
  1.     <div id="datagrid1" class="mini-datagrid" style="width:100%;height:225px; margin-top:5px;" showFooter="false" url="order.php?act=getdtl&OrderOID={$OID}" idField="id" ajaxMethod="GET" allowResize="false" pageSize="9000" sizeList="[5,10,20,50,100]" allowAlternating="true" frozenStartColumn="0" frozenEndColumn="1" >
  2.         <div property="columns">
  3.             <div cellCls="actionIcons" name="action" width="40" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">#</div>               
  4.             <div field="ProductPN" displayField="ProductPN" width="150" headerAlign="center" align="left" allowSort="false">商品編號
  5.                 <input property="editor" class="mini-buttonedit" style="width:100%;" onbuttonclick="onProductPNButtonEdit" required="true" />
  6.             </div>
  7.             <div field="ProductName" name="ProductName" width="*" headerAlign="center" align="left" allowSort="false">商品名稱</div>
  8.             <div field="Unit" name="Unit" width="60" headerAlign="center" align="center" allowSort="false">單位</div>            
  9.             <div field="Qty" width="100" headerAlign="center" align="right" allowSort="false">數量
  10.                 <input property="editor" class="mini-textbox rightAlign" style="width:100%;" required="true" onvalidation="onQtyValidation" />
  11.             </div>
  12.             <div field="Price" width="100" headerAlign="center" align="right" allowSort="false">價格
  13.                 <input property="editor" class="mini-textbox rightAlign" style="width:100%;" required="true" onvalidation="onPriceValidation" />
  14.             </div>
  15.         </div>
  16.     </div>
复制代码
我在datagrid中编辑栏中使用了mini-buttonedit,我希望在点的时候可以返回该商品的编号,名称,以及单位,编号自然就直接可以传给ProductPN,可名称和单位我希望传给ProductName和Unit栏位.
这个有办法实現吗?

Archiver|普加软件

GMT+8, 2024-5-19 02:41 , Processed in 1.032470 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部