jQuery MiniUI

标题: grid.on("cellendedit", function (e))是在单元格编辑完成时发生吗？ [打印本页]
作者: zzbcome    时间: 2017-3-1 14:50:10     标题: grid.on("cellendedit", function (e))是在单元格编辑完成时发生吗？

不然是什么？是否需要设置什么属性？这个方法没有反应
作者: jialiang    时间: 2017-3-1 15:17:50

我这边测试是好的，你可以看下这个事例：http://www.miniui.com/demo/index ... d/celllinkedit.html
用到了beginedit和commitedit，用法和endedit是差不多的，
详细你可以看api：
http://www.miniui.com/docs/api/index.html#ui=datagrid

cellendedit       
{
    sender: Object,
    rowIndex: Number,   
    record: Object,
    column: Object,
    field: String,
    editor: Object,
    value: String
}
编辑结束时发生
我这边也做了个例子，你自己随便改一下数据就可以测试了：
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title></title>
  6.         <script src="../../scripts/boot.js" type="text/javascript"></script>
  7. </head>
  8. <body>
  9.      <div id="datagrid1" class="mini-datagrid" style="width:300px;height:170px;"
  10.               url="../../demo/datagrid/data3.txt" idField="id"
  11.                   allowResize="true" showPager="false"
  12.                   allowCellEdit="true" allowCellSelect="true" allowColumnSort="false">
  13.              
  14.                  <div property="columns">
  15.                      <div type="indexcolumn"></div>
  16.                          <div field="name" allowResize="false" width="120" headerAlign="center" allowSort="true">属性
  17.                               <input property="editor" class="mini-textbox" style="width:100%;"  />
  18.                          </div>
  19.              <div field="value" width="100" allowSort="true" >值
  20.                               <input property="editor" class="mini-textbox" style="width:100%;" />
  21.                          </div>   
  22.                  </div>
  23.         </div>

  25.         <script>
  26.                 mini.parse();

  28.                 var grid = mini.get("datagrid1");
  29.                 grid.load();

  31.                 //////////////////////////////////////////////////////

  33.                 grid.on("cellbeginedit", function (e) {
  34.                         alert("begin");
  35.                         if (e.field == "value") {
  36.                                 var editor = getEditor(e.record);
  37.                                 e.editor = editor;
  38.                                 e.column.editor = editor;
  39.                         }
  40.                 });
  41.                 grid.on("cellcommitedit", function (e) {
  42.                         alert("commit");
  43.                         var record = e.record;
  44.                         if (e.field == "value") {
  45.                                 var format = e.record.format;
  46.                                 if (format) {
  47.                                         e.value = mini.formatDate(e.value, format);
  48.                                 }
  49.                         }

  51.                         if (e.editor.getText) {
  52.                                 record.text = e.editor.getText();
  53.                         } else {
  54.                                 record.text = e.value;
  55.                         }

  57.                 });
  58.                 grid.on("cellendedit", function (e) {
  59.                         alert("end");
  60.                 })
  61.         </script>

  63. </body>
  64. </html>
复制代码
作者: zzbcome    时间: 2017-3-1 15:28:36

jialiang 发表于 2017-3-1 15:17
我这边测试是好的，你可以看下这个事例：http://www.miniui.com/demo/index.html#src=datagrid/celllinkedi ...

我这里表格的单元格全部都处于beginedit状态呢？失去焦点的时候触发的事件有没有？[attach]8891[/attach]
作者: felt    时间: 2017-3-1 17:29:59

zzbcome 发表于 2017-3-1 15:28
我这里表格的单元格全部都处于beginedit状态呢？失去焦点的时候触发的事件有没有？
...

从你这图看你是行编辑模式，
而cellendedit是单元格编辑模式的API，行编辑模式下不会触发。
你现在需要做什么？
作者: zzbcome    时间: 2017-3-1 20:25:35

felt 发表于 2017-3-1 17:29
从你这图看你是行编辑模式，
而cellendedit是单元格编辑模式的API，行编辑模式下不会触发。
你现在需要做 ...

就是光标移除的时候获取这个事件？
作者: dforce    时间: 2017-3-2 10:39:56

zzbcome 发表于 2017-3-1 20:25
就是光标移除的时候获取这个事件？

textbox有onblur事件，鼠标移出时触发
作者: zzbcome    时间: 2017-3-6 16:40:17

dforce 发表于 2017-3-2 10:39
textbox有onblur事件，鼠标移出时触发

可我这个是datagrid里面的<input property="editor" class="mini-textbox"
作者: dforce    时间: 2017-3-6 17:03:59

zzbcome 发表于 2017-3-6 16:40
可我这个是datagrid里面的

你既然用的行编辑，那就只能用单独的onblur事件
行编辑的编辑结束你主动结束的，你要做什么可以在你的结束编辑的方法后直接写



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