ureport2自己加双击可编辑

其实他是有配置可开启双击编辑的，在ReportTable.js里有readonly属性置为false即可，但是我没弄明白怎么拿编辑后的值，就自己加了双击事件 

选择了在特殊一点的数据集处理代码中去加双击操作

 

 

// 监听表格的双击编辑事件对值处理 ==>nwl

         var oldVal = '';

         var currentRowIndex = 0;

         var currentColIndex = 0;

         var currentCellDef = {};

         var currentType = '';

         document.addEventListener("dblclick", dbFunction);

         //双击事件  ==>nwl

         function dbFunction(val) {

             if (val.target.nodeName=='TD') {//如果是td表格类型的话

                 const selected=_this.context.hot.getSelected();

                 currentRowIndex=selected[0],currentColIndex=selected[1];

                 currentCellDef=_this.context.getCell(currentRowIndex,currentColIndex);

                 currentType = currentCellDef.value.type;

                 oldVal = val.target.innerText;

                 val.target.setAttribute("contenteditable",true);

                 val.target.focus();

                 if (currentType == 'dataset') {

                     val.target.addEventListener("blur", dataBlur);

                 }else{

                     val.target.addEventListener("blur", elseBlur);

                 }

             }

         }

         //数据集类型失去焦点事件  ==>nwl

         function dataBlur(val) {

         if (oldVal!==val.target.innerText) {

                 let arr = val.target.innerText.split('.');

                 let lindex = arr[1].indexOf('('),rindex = arr[1].indexOf(')');

                 var _dataset = arr[0], _aggregate = arr[1].substring(0,lindex), _property = arr[1].substring(lindex+1,rindex);

                 var allAggregates = ['select','group','customgroup','sum','count','max','min','avg'];//所有聚合方式

                 var allDatasets = _this.context.reportDef.datasources[0].datasets;//数据集

                 if (allDatasets.find((item)=>item.title == _dataset)) {//判断数据集

                    let allPropertys = allDatasets.find((item)=>item.title == _dataset).fields;//对应数据集下的属性

                     if (allAggregates.indexOf(_aggregate)>-1) {//判断聚合方式

                         if (allPropertys.find((item)=>item.title == _property)) {//判断属性

                            _this._setDatasetName(allDatasets.find((item)=>item.title == _dataset).name);

                            _this._setProperty(allPropertys.find((item)=>item.title == _property).name);

                            _this._setAggregate(allAggregates[allAggregates.indexOf(_aggregate)]);

                         }else{

                            //属性错误的话

                            _this._setDatasetName(allDatasets.find((item)=>item.title == _dataset).name);

                            _this._setProperty(null);

                            _this._setAggregate(allAggregates[allAggregates.indexOf(_aggregate)]);

                         }

                     }else{

                       //聚合方式错误的话

                       if (allPropertys.find((item)=>item.title == _property)) {//判断属性

                        _this._setDatasetName(allDatasets.find((item)=>item.title == _dataset).name);

                        _this._setProperty(allPropertys.find((item)=>item.title == _property).name);

                        _this._setAggregate(null);

                        }else{

                            //属性错误的话

                            _this._setDatasetName(allDatasets.find((item)=>item.title == _dataset).name);

                            _this._setProperty(null);

                            _this._setAggregate(null);

                        }

                     }

                 }else{

                    //数据集错误的话

                    _this._setDatasetName(null);

                    _this._setProperty(null);

                    _this._setAggregate(null);

                 }

         }

             val.target.setAttribute("contenteditable",false);

         }

         //不是数据集的类型

         function elseBlur(val) {

         if (oldVal!==val.target.innerText) {

               currentCellDef.value.value=val.target.innerText;

             _this.context.hot.setDataAtCell(currentRowIndex,currentColIndex,val.target.innerText);

             setDirty();

         }

             val.target.setAttribute("contenteditable",false);

         }

         

         // 监听表格的双击编辑事件对值处理结束 ==>nwl