jQuery MiniUI

标题: mini-textbox的Style不生效 [打印本页]

作者: athrun 时间: 2012-6-8 10:04:31 标题: mini-textbox的Style不生效

本帖最后由 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" />

以上我设定了右对齐，结果仍然是左对齐．

作者: fcrong 时间: 2012-6-8 10:07:47

你看下输入框的样式，需要设置在输入框样式上。
比如：
.rightAlign .mini-textbox-input{
text-align:right;
}

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

作者: athrun 时间: 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上不行呢?.

作者: niko 时间: 2012-6-8 10:57:30

因为，textbox的外观UI，不是简单的input。

作者: athrun 时间: 2012-6-8 11:11:49

niko 发表于 2012-6-8 10:57
因为，textbox的外观UI，不是简单的input。

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

作者: athrun 时间: 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方法不见了.这样.....之前为什么要完全删除呢?

作者: niko 时间: 2012-6-8 11:32:53

getCellEl不暴露了。
你可以通过drawcell来处理样式和其他细节。

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

作者: athrun 时间: 2012-6-8 11:39:16

niko 发表于 2012-6-8 11:32
getCellEl不暴露了。
你可以通过drawcell来处理样式和其他细节。

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

作者: niko 时间: 2012-6-8 11:49:46

使用drawcell事件。
你可以控制单元格的样式、style、innerHTML。
参考：http://miniui.com/demo/#src=datagrid/drawcell.html

作者: athrun 时间: 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事件吗?
其实我的需求很简单

<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" >
<div property="columns">
<div cellCls="actionIcons" name="action" width="40" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">#</div>
<div field="ProductPN" displayField="ProductPN" width="150" headerAlign="center" align="left" allowSort="false">商品編號
<input property="editor" class="mini-buttonedit" style="width:100%;" onbuttonclick="onProductPNButtonEdit" required="true" />
</div>
<div field="ProductName" name="ProductName" width="*" headerAlign="center" align="left" allowSort="false">商品名稱</div>
<div field="Unit" name="Unit" width="60" headerAlign="center" align="center" allowSort="false">單位</div>
<div field="Qty" width="100" headerAlign="center" align="right" allowSort="false">數量
<input property="editor" class="mini-textbox rightAlign" style="width:100%;" required="true" onvalidation="onQtyValidation" />
</div>
<div field="Price" width="100" headerAlign="center" align="right" allowSort="false">價格
<input property="editor" class="mini-textbox rightAlign" style="width:100%;" required="true" onvalidation="onPriceValidation" />
</div>
</div>
</div>

复制代码

我在datagrid中编辑栏中使用了mini-buttonedit,我希望在点的时候可以返回该商品的编号,名称,以及单位,编号自然就直接可以传给ProductPN,可名称和单位我希望传给ProductName和Unit栏位.
这个有办法实現吗?

作者: niko 时间: 2012-6-8 13:25:49

var row = grid.getSelected();
grid.updateRow(row, {name: "abc"});

作者: athrun 时间: 2012-6-8 13:47:32

niko 发表于 2012-6-8 13:25
var row = grid.getSelected();
grid.updateRow(row, {name: "abc"});

OK,谢谢,我怎么就没有想到用这个方法.

作者: athrun 时间: 2012-6-8 14:11:37

niko 发表于 2012-6-8 13:25
var row = grid.getSelected();
grid.updateRow(row, {name: "abc"});

不好意思,打扰了,我再多请教一个问题.
就上面这个我怎么在Qty,Price上增加一个onchange事件
我想的是我在后加一栏Amount,这样我可在事件中计算出金额并更新到Amount

作者: niko 时间: 2012-6-8 14:45:27

对于表单控件：onvaluechanged
对于表格：ondrawcell

作者: athrun 时间: 2012-6-8 16:02:38

niko 发表于 2012-6-8 14:45
对于表单控件：onvaluechanged
对于表格：ondrawcell

谢谢,多打扰了.

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

Powered by Discuz! X2