标签：target val item title find 编辑 ._ 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

 

标签：target,val,item,title,find,编辑,._,ureport2,双击
来源： https://www.cnblogs.com/xiao-lei-ge/p/16392408.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。