FineUI 官方论坛

标题: GRID 表格中回车如何才能横向移动单元格? [打印本页]

---

作者: erp8@live.cn    时间: 2013-8-18 11:09
标题: GRID 表格中回车如何才能横向移动单元格?


<x:RenderField ColumnID="Name" DataField="Name" FieldType="String" HeaderText="名称">
                                             <Editor>
                                                 <x:TextBox ID="TextBox1" Required="true" runat="server">
                                                 </x:TextBox>
                                             </Editor>
                                         </x:RenderField>

---以上为单元格定义!
可编辑表格回车换单元格(回车后横向移动到下一单元格,现在回车后在原地不动)
<script type="text/javascript">
        var gridClientID = '<%= Grid1.ClientID %>';



        function registerEnterEvent() {
            var grid = X(gridClientID);
            /*
            if (grid.el.getAttribute('data-event-keydown-registered')) {
            return;
            }
            grid.el.set({ 'data-event-keydown-registered': true });
            */

            grid.el.on("keydown", function (evt, el) {
                if (evt.getKey() == evt.ENTER) {
                    var nextRow = Ext.get(el).parent('.x-grid3-row').next();
                    if (nextRow) {
                        nextRow.query('.x-grid-tpl input')[0].select();
                    }
                }
            }, { delegate: '.x-grid-tpl input' });
        }

        function onReady() {
            var grid = X(gridClientID);

            grid.on('viewready', function () {
                registerEnterEvent();
            });
        }

    </script>

-----用这个方法不行啊?
高手指点?

---

作者: sanshi    时间: 2013-8-18 12:40
extjs 默认支持 可编辑表格 的 Tab 键，不支持回车键

---

作者: erp8@live.cn    时间: 2014-4-5 23:13
只能用模板列?
,望高手指点下?应如何做

---

作者: gdcrx    时间: 2014-4-5 23:51


下面代码测试可行，再贴一次，呵呵。。。

1. <script type="text/javascript">
   
2. 
   
3.         var Tools = new Object();
   
4.         Tools.isNumber = function (B) {
   
5.             var A = /^[\d|\.|,]+$/;
   
6.             return A.test(B)
   
7.         };
   
8. 
   
9.         var gridClientID = '<%= gdData.ClientID %>';
   
10.         var inputselector = '.x-grid-tpl input';
    
11. 
    
12.         function registerAutoSaveEvent() {
    
13.             var grid = F(gridClientID);
    
14. 
    
15.             $(grid.el.dom).delegate(inputselector, 'keyup', function (evt) {
    
16.                 var $this = $(this);
    
17.                 if (evt.which == 13)
    
18.                 {
    
19.                     var inputs = $(this).parents("form").eq(0).find(":input");
    
20.                     var idx = inputs.index(this);
    
21. 
    
22.                     if (idx == inputs.length - 1) {
    
23.                         inputs[0].select()
    
24.                     } else {
    
25.                         inputs[idx + 1].focus();
    
26.                         inputs[idx + 1].select();
    
27.                     }
    
28.                     return false;
    
29.                 }
    
30.                 else
    
31.                 {
    
32.                      window.setTimeout(function () {
    
33. 
    
34.                         var row = $this.parents('.x-grid-row');
    
35.                         var num1 = row.find(inputselector + '.Price').val();
    
36.                         var num2 = row.find(inputselector + '.Quantity').val();
    
37.                     
    
38.                         if ( num2.length > 0 && (!Tools.isNumber(num2) || isNaN(num2))) {
    
39.                             alert("请输入正确的数量");
    
40.                             // 不能录入非数据
    
41.                         }
    
42. 
    
43.                         var resultNode = row.find('.x-grid-tpl span.Total');
    
44.                         var total = parseFloat(num1) * parseFloat(num2);
    
45.                         if (isNaN(total))
    
46.                         {
    
47.                             total = 0;
    
48.                         }
    
49.                         resultNode.text(total.toFixed(2));
    
50. 
    
51.                         var rowIndex = row.index();
    
52.                         var rowIndex = row.index();
    
53.                         __doPostBack('', 'AutoSave
    
54. 
    
55. + rowIndex);
    
56.                      }, 300);
    
57.                 }
    
58.             });
    
59. 
    
60.         }
    
61. 
    
62.      
    
63.         // 页面第一次加载完成后调用的函数
    
64.         F.ready(function () {
    
65.             registerAutoSaveEvent();
    
66.         });
    
67. 
    
68. 
    
69. 
    
70.     </script>

复制代码

---

作者: erp8@live.cn    时间: 2014-4-6 00:10
太好了!谢谢!

---

作者: 隨風往事    时间: 2014-4-16 14:38

gdcrx 发表于 2014-4-5 23:51
下面代码测试可行，再贴一次，呵呵。。。

记号，学习

---

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

Powered by Discuz! X3.4