Jqgrid中动态生成colModel实现双击编辑整列时,鼠标定位在当前双击指定单元格...

通过配置ondbclick事件来实现双击功能
ondblClickRow:function(rowid,iRow,iCol,e) {
//获取表格的初始model

                            var colModel =$(TableId).jqGrid().getGridParam("colModel");  

                            //正在编辑的id,设置该项是为了不完成当前的编辑,不可以编辑下一行;
                            if(current_editing_id !="0"){
                                return;
                            }

                            current_editing_id = rowid;

                            $('#'+subgridTableId).jqGrid('editRow',rowid,{
                                "keys" : true,

                                "aftersavefunc" : function(){
                                    //所有对应的
                                    saveAllData(subGridDict);

                                },
                                "afterrestorefunc":function(){
                                    //所有对应的
                                    restoreAllData(subGridDict);
                                },
                                "oneditfunc" :function(){                 //正在编辑行的
                                     setTimeout(function () {
                                         var cellID =iRow+"_"+colModel[iCol].name;
                                         $('#'+cellID).focus();//
                                    },50); 

                                }
                            });

                        }

转载于:https://blog.51cto.com/12947828/2093433

jqGrid colModel 是用于定义表格列模型的属性之一,而 stype 属性则是 colModel 的一个子属性,用于定义表格列的编辑类型。常用的 stype 类型有以下几种: 1. text 表示文本框,用于输入文本信息。 ``` {name: "name", index: "name", width: 200, editable: true, edittype: "text", stype: "text"} ``` 2. select 表示下拉框,用于选择固定的选项。 ``` {name: "gender", index: "gender", width: 100, editable: true, edittype: "select", stype: "select", editoptions: {value: ":请选择;1:男;2:女"}} ``` 3. date 表示日期选择器,用于选择日期。 ``` {name: "birthday", index: "birthday", width: 100, editable: true, edittype: "text", stype: "date", searchoptions: {dataInit: function (el) { $(el).datepicker({dateFormat: "yy-mm-dd"}); }}} ``` 4. checkbox 表示复选框,用于选择一个或多个选项。 ``` {name: "hobby", index: "hobby", width: 200, editable: true, edittype: "checkbox", stype: "select", editoptions: {value: "篮球:篮球;足球:足球;乒乓球:乒乓球"}} ``` 5. textarea 表示多行文本框,用于输入多行文本信息。 ``` {name: "description", index: "description", width: 300, editable: true, edittype: "textarea", stype: "text"} ``` 6. custom 表示自定义类型,可以根据需求自定义编辑类型。 ``` {name: "price", index: "price", width: 100, editable: true, edittype: "text", stype: "custom", searchoptions: {sopt: ["eq", "ne", "lt", "le", "gt", "ge"], dataInit: function (el) { $(el).spinner({min: 0, max: 1000}); }}} ``` 以上就是 jqGrid 常用的 colModel.stype 类型,你可以根据需求选择不同的编辑类型来实现表格的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值