jQuery MiniUI

标题: DataGrid在Cell不能编辑情况下回车无效 [打印本页]

作者: fullhappy 时间: 2019-2-14 23:48:23 标题: DataGrid在Cell不能编辑情况下回车无效

本帖最后由 fullhappy 于 2019-2-14 23:50 编辑

DataGrid在弹窗中显示对应的列表，里面添加了如下代码：
Grid.on("cellenter",function(e){var record=e.record;selectnode(record.ID);});

而对应的Cell是不可编辑，目的就是为了弹窗选取某行后，弹窗就能自动关闭，进入到前面主页面中，将选取的内容填充到主页面上！
这也是比较重要的一个功能，可以便捷操作者更好的使用输入页面（使用键盘操作就能编辑输入页面所需内容，无须鼠标操作）。
今天测试了下，完全无效。请专家帮忙解答下如何来实现？

作者: fullhappy 时间: 2019-2-14 23:52:28

本帖最后由 fullhappy 于 2019-2-14 23:54 编辑

另外，也使用了方法 onkeypress="onkeypress"，
在里面定义代码如下（也是无效）：
function onkeypress(e) {
var editor=e.sender,record=e.record;
if(e.charCode==Ext.EventObject.ENTER){
selectnode(record.ID);
}
}

作者: jialiang 时间: 2019-2-15 10:40:48

fullhappy 发表于 2019-2-14 23:52
另外，也使用了方法 onkeypress="onkeypress"，
在里面定义代码如下（也是无效）：
function onkeypress(e) ...

你可以参考这个例子：http://www.miniui.com/demo/#src=buttonedit/selectGrid.html
在我们的本地文件的demo文件夹> buttonedit文件夹>selectGrid.html  文件

在js中添加这样的代码：
$(grid.el).on("keydown", function (event) {
      if (event.keyCode == 13) {
         CloseWindow("ok");
      }
});

还有我们datagrid选中行用select(row);
selectNode是tree的选中节点的方法；

作者: fullhappy 时间: 2019-2-26 13:09:31

jialiang 发表于 2019-2-15 10:40
你可以参考这个例子：http://www.miniui.com/demo/#src=buttonedit/selectGrid.html
在我们的本地文件的d ...

实际修改后代码如下（无效）：

<div id="List" class="mini-treegrid" style="width:100%;height:100%;" showTreeIcon="true" treeColumn="AssetName"
idField="ID" parentField="ParentID" multiSelect="false" resultAsTree="false" expandOnLoad="false" virtualScroll="true"
allowCellWrap="true" >
<div property="columns">
  <div field="check" type="checkcolumn"></div>
  <div name="AssetName" field="AssetName" width="100px" headerAlign="center" allowSort="true">易耗品名称</div>
  <div field="Brand" width="70px" headerAlign="center" allowSort="true">品牌</div>
  <div field="GSpecial" width="70px" headerAlign="center" allowSort="true">型号</div>
  <div field="Num" width="50px" headerAlign="center">数量</div>
  <div field="Total" width="70px" headerAlign="center">金额</div>
  </div>
</div>

<script type="text/javascript">
  mini.parse();var ListGrid = mini.get("List");
  ListGrid.loadList( [{AssetName:"1",Brand:"",GSpecial:"",Num:1,Total:10}], "ID", "ParentID");
  var sorter = new TreeSort(ListGrid);

  function keydown(e) {
var editor=e.sender,record=e.record;
if (e.keyCode == 13) {
   alert("回车");
}
  }

  ListGrid.focus();
</script>

作者: felt 时间: 2019-2-26 14:38:58

fullhappy 发表于 2019-2-26 13:09
实际修改后代码如下（无效）：

表格没有回车事件
只有celleditenter事件，在编辑的时候按回车触发。
请按我们的API来调用事件http://www.miniui.com/docs/api/index.html#ui=datagrid

作者: fullhappy 时间: 2019-2-26 14:59:47

felt 发表于 2019-2-26 14:38
表格没有回车事件
只有celleditenter事件，在编辑的时候按回车触发。
请按我们的API来调用事件http://www ...

你们后期版本应该可以考虑下表格的回车事件，批量多行输入数据很有需要的

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