场景:datagrid 中用编辑框修改数据,有一个列使用的combobox 在可编辑的时候需要动态绑定数据,这个数据是在根据其他条件可变的
思路:在每次开启编辑框的时候动态绑定数据,
datagrid开启
onClickCell: onClickCell//点击触发
onAfterEdit:onAfterEdit//编辑完单元格之后触发的事件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 | $.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each( function () { var opts = $( this ).datagrid( 'options' ); var fields = $( this ).datagrid( 'getColumnFields' , true ).concat($( this ).datagrid( 'getColumnFields' )); for ( var i = 0; i < fields.length; i++) { var col = $( this ).datagrid( 'getColumnOption' , fields[i]); col.editor1 = col.editor; if (fields[i] != param.field) { col.editor = null ; } } $( this ).datagrid( 'beginEdit' , param.index); for ( var i = 0; i < fields.length; i++) { var col = $( this ).datagrid( 'getColumnOption' , fields[i]); col.editor = col.editor1; } }); } }); var editIndex = undefined; //判断是否编辑结束 function endEditing() { if (editIndex == undefined) { return true } if ($( '#subDg' ).datagrid( 'validateRow' , editIndex)) { $( '#subDg' ).datagrid( 'endEdit' , editIndex); editIndex = undefined; return true ; } else { return false ; } } //点击单元格触发的事件 function onClickCell(index, field) { if (endEditing()) { $( '#subDg' ).datagrid( 'selectRow' , index) .datagrid( 'editCell' , { index: index, field: field }); editIndex = index; } var taskLevelsData =$( "#taskLevels" ).val(); if (field== "taskLevel" && taskLevelsData){ //下拉编辑列时触发 var editors = $( '#subDg' ).datagrid( 'getEditors' , index); //取当前的编辑器 var row = $( '#subDg' ).datagrid( 'getRows' )[index]; var smEditor = editors[0]; $(smEditor.target).combobox({ onLoadSuccess: function () { }, onShowPanel: function (){ //下拉展开时动态修改options //debugger var data = []; $.each(taskLevelsData.split( "," ), function (i,e){ var obj={}; obj.id=e; obj.text=e; data.push(obj); }) $(smEditor.target).combobox( "loadData" , data); //设置值 $(smEditor.target).combobox( 'setValue' , row.taskLevel); //row的属性赋值 } }); } } //编辑完单元格之后触发的事件 function onAfterEdit(index, row, changes) { var d = {}; d.id= row.id; //编辑内容进行修改数据 if (row.hasOwnProperty( 'bidRequire' )){ d.bidRequire=row.bidRequire; } if (row.hasOwnProperty( 'meaRequire' )){ d.meaRequire=row.meaRequire; } if (row.hasOwnProperty( 'requireDate' )){ d.requireDate=row.requireDate.split( ' ' )[0] ; } if (row.hasOwnProperty( 'quaRequire' )){ d.quaRequire=row.quaRequire; } if (row.hasOwnProperty( 'taskLevel' )){ d.taskLevel=row.taskLevel; } //console.log(d); //console.log(changes); if (JSON.stringify(changes) != "{}" ){ //console.log("tijiao") $.post( '${pmsmanager}/pms/mtrl_plan/mtrl_plan_detail/update.do?sessionId=${(sessionId)!""}' ,d, function (data){ }) } } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术