ligerUI实现grid同一列根据不同的值编辑时呈现不同类型的编辑器
2015-08-27 16:11
661 查看
遇到一个恶心的需求是ligerGrid点击列的时候根据另外一个列的值变成不同的输入框
有可能是文本框,也有可能是下拉框
实现的效果如下 如果分发类型是科室 则点击分发代码的时候是下拉框 如果分发类型是其他标示,则显示的是文本框
有可能是文本框,也有可能是下拉框
function loadDataGridCopy(){ //初始化dataGrid if (!dataGridCopy) { dataGridCopy = $(".org-data").zoeGrid({ columns: [ { display: '参数名', name: 'parameterName',width:"20%"}, { display: '参数中文名', name: 'parameterChiName',width:"20%"}, { display: '参数值', name: 'parameterValue',width:"20%"}, { display: '分发类型', name: 'allotTypeName',width:"20%"}, { display:'123',name:'allotType',hide:'hidden',width:0}, { display: '分发代码', name: 'allotCode',width:"20%", editor: { type:"text"} } ], height: 528, //初如化设置表格高 headerRowHeight:36, rownumbers:false, frozenRownumbers:true, checkbox:false, usePager:false, enabledEdit:true, onBeforeEdit:beforeEdit, onBeforeShowData:beforeShow }); } else{ dataGridCopy.reload(); } } /** * 编辑前重新渲染 */ function beforeEdit(rowData){ if(rowData.record.allotType == 5 || rowData.record.allotType == 7){ //科室,员工下拉选择 rowData.column.editor.type = "select"; rowData.column.editor.valueField = 'id'; rowData.column.editor.textField = 'text'; rowData.column.editor.ext = createAllotCodeData }else if(rowData.record.allotType == 9){ //固定电脑 输入 rowData.column.editor.type = "text"; rowData.column.editor.valueField = null; rowData.column.editor.textField = null; }else{ //其他不进行编辑 return false; } }
实现的效果如下 如果分发类型是科室 则点击分发代码的时候是下拉框 如果分发类型是其他标示,则显示的是文本框
相关文章推荐
- 小BO学习笔记之ConcurrentLinkedQueue和LinkedBlockingQueue的使用比较
- [leetcode] 128.Longest Consecutive Sequence
- UIImageView 使用animationImages动画展示图片
- GUID分区与MBR分区
- IOS第14天(1,UITabBarController的基本的使用)
- DataTemplate.LoadContent Method将resource中的datatemplate转换为UIElement,可以用于对象添加
- 根据Request获取客户端IP
- UED设计流程和方法
- ligerUI 如何本地缓存分页和实时去后台取分页
- 【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记42 Modal Segue(模态过渡)
- iOS刷新控件UIRefreshControl
- Android UI设计——ExpandableListView控件
- UI设计师不可不知的安卓屏幕知识
- 强大的c#.net应用程序winform框架类库-WeifenLuo.WinFormsUI.Docking.dll
- UIPageControl以及滚动视图定时滚动
- MUI - iphone页面在弹出键盘时popPicker,dtPicker自动弹出来的解决方案
- CodeForces 447C###C. DZY Loves Sequences
- AC自动机模板,可重新build
- ArrayBlockingQueue和LinkedBlockingQueue的使用
- UE3 Lightmass 技术指南