FineUI 官方论坛

标题: FineUI模板列自动下一行文本框代码 [打印本页]

---

作者: shiningrise    时间: 2013-12-10 11:27
标题: FineUI模板列自动下一行文本框代码

1. <script type="text/javascript">// <![CDATA[
   
2.         var gridClientID = '<%= GridList.ClientID %>';
   
3. 
   
4.         function registerSelectEvent() {
   
5.             var grid = X(gridClientID);
   
6.             // 防止重复注册客户端事件
   
7.             if (grid.el.getAttribute('data-event-click-registered')) {
   
8.                 return;
   
9.             }
   
10.             grid.el.set({ 'data-event-click-registered': true });
    
11. 
    
12.             grid.el.select('.x-grid-tpl input').on('click', function (evt, el) {
    
13.                 el.select();
    
14.             });
    
15.         }
    
16. 
    
17.         function registerEnterEvent() {
    
18.             var grid = X(gridClientID);
    
19.             // 防止重复注册客户端事件
    
20.             if (grid.el.getAttribute('data-event-keydown-registered')) {
    
21.                 return;
    
22.             }
    
23.             grid.el.set({ 'data-event-keydown-registered': true });
    
24. 
    
25.             grid.el.select('.x-grid-tpl input').on("keydown", function (evt, el) {
    
26.                 if (evt.getKey() == evt.ENTER) {
    
27.                     var currRow = Ext.get(el).parent('.x-grid3-row');
    
28.                     var currCell = Ext.get(el);
    
29.                     var currIndex = currRow.query('.x-grid-tpl input').indexOf(currCell.dom);
    
30.                     var nextRow = Ext.get(el).parent('.x-grid3-row').next();
    
31.                     if (nextRow) {
    
32.                         nextRow.query('.x-grid-tpl input')[currIndex].select();
    
33.                     }
    
34.                 }
    
35.             });
    
36.         }
    
37. 
    
38.         function onReady() {
    
39.             var grid = X(gridClientID);
    
40. 
    
41.             grid.on('viewready', function () {
    
42.                 registerSelectEvent();
    
43. 
    
44.                 registerEnterEvent();
    
45.             });
    
46.         }
    
47. 
    
48.         function onAjaxReady() {
    
49.             registerSelectEvent();
    
50. 
    
51.             registerEnterEvent();
    
52.         }
    
53. 
    
54. // ]]></script>

复制代码

---

作者: shiningrise    时间: 2013-12-10 11:28
扩展这个demo  
http://fineui.com/demo/grid/grid_edit.aspx

---

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)

Powered by Discuz! X3.4