jQuery MiniUI

标题: 如何给datagrid中的editor，mini-spinner添加事件！ [打印本页]

作者: jxiaoge 时间: 2013-4-6 18:11:53 标题: 如何给datagrid中的editor，mini-spinner添加事件！

我现在想实现这样一个效果，当改变datagrid中单价时，就把当前datagrid中与之一样的商品单价都改变成编辑后的值？
能给editor，mini-spinner添加事件吗？当改变值后能触发事件并且还能获取到当前编辑行的数据或当前索引。

      <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;" url="" allowCellEdit="true" allowCellSelect="true" showFooter='false' idField="id" multiSelect="true" borderStyle="border-left:0;border-right:0;border-bottom:0;">
         <div property="columns">
            <div type="indexcolumn" width="20">序号</div>
            <div type="checkcolumn" width="10"></div>
            <div field="name" width="50" headerAlign="center" allowSort="true">名称</div>
            <div field="price" width="50" headerAlign="center" allowSort="true">单价
            <input property="editor" class="mini-spinner" minValue="0" maxValue="99999999.99" value="10.123" decimalPlaces="2" style="width:100%;"/>
            </div>
            <div field="amount" width="50" headerAlign="center" allowSort="true">数量
               <input property="editor" class="mini-spinner" minValue="0" maxValue="99999999" value="25" style="width:100%;"/>
            </div>
            <div field="monery" width="50" headerAlign="center" allowSort="true">金额</div>
         </div>
      </div>

作者: factory 时间: 2013-4-6 21:51:45

建议你监听单元格编辑完成事件 oncellendedit

然后通过grid.updateRow(row,{price:"200"})
这个就是把一行数据的单价这一值改成200

作者: jxiaoge 时间: 2013-4-7 18:46:01

factory 发表于 2013-4-6 21:51
建议你监听单元格编辑完成事件 oncellendedit

然后通过grid.updateRow(row,{price:"200"})

我监听onvaluechanged事件了
以前少加了个"on",所以没监听到！

var spinnerPrice = e.sender;
var price= grid.getEditorOwnerRow(spinnerPrice).price;

作者: factory 时间: 2013-4-8 08:54:50

jxiaoge 发表于 2013-4-7 18:46
我监听onvaluechanged事件了
以前少加了个"on",所以没监听到！

一般单元格编辑的模式，建议直接监听单元格的事件即可，行编辑的话可以使用编辑器自带的事件

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