按回车键后下个输入框内容全选状态

changda

在grid中，按回车键后聚焦至到下个输入框，光标停留在内容末尾。如何实现按下回车后聚焦至下个输入框并全选。

jishuang

如果是要焦点在内容的末尾可以参考http://docs.wex5.com/bex5-grid-10013/

如果是要选中已有的内容，可以在上面的基础让如下修改
var cell = grid.getCell(rowid, "fName")
grid.editCell(cell);
$(cell).find("input").bind("focus",function(){this.select();});

changda

jishuang 发表于 2016-7-22 15:08
如果是要焦点在内容的末尾可以参考http://docs.wex5.com/bex5-grid-10013/

如果是要选中已有的内容，可以 ...

并不明白

jishuang

什么地方不明白？

changda

jishuang 发表于 2016-7-22 16:03
什么地方不明白？

每一个列的input都要写吗

jishuang

如果每个列都要回车切换到下一行的下一个单元格，那就需要每列都写


如果是平台默认的回车键的操作可以自己修改grid组件中editCell的实现，在设置焦点后设置选中值

changda

我自己想的思路是：为grid中的各个input设置一个class，keydown事件监控，按下回车后，类选择器返回的数组后移并调用focus和select，可是没有达到效果...

changda

jishuang 发表于 2016-7-22 16:24
如果每个列都要回车切换到下一行的下一个单元格，那就需要每列都写

如果自己在grid.js中改能给出具体的修改方法吗？

jishuang

在grid.js中找到editCell的实现
把最后的

1. 
   
2.                                 //如果只有一个节点默认进入,可以考虑优化成进入input、textarea、select等组件
   
3.                                 if($cell.children().size()===1) $cell.children().addClass('x-edit-focusin');
   
4.                                 $cell.on('keydown',this._eventHandles['cell_edit_keydown']).find('.x-edit-focusin').focus();       
   
5.                                 return true;

复制代码

改为：

1. $(cell).find("input").bind("focus",function(){this.select();});
   
2.                                 //如果只有一个节点默认进入,可以考虑优化成进入input、textarea、select等组件
   
3.                                 if($cell.children().size()===1) $cell.children().addClass('x-edit-focusin');
   
4.                                 $cell.on('keydown',this._eventHandles['cell_edit_keydown']).find('.x-edit-focusin').focus();
   
5.                                 $(cell).find("input").bind("focus",function(){this.select();});               
   
6.                                 return true;

复制代码

如何修改组件的js在之前发的帖子中回复过

changda

jishuang 发表于 2016-7-25 13:46
在grid.js中找到editCell的实现
把最后的

没有效果哦