动态列实现的几种方式.docx

Hand Enterprise Solutions作者:张家晟建档日期:上次更新:控制号: 版本: 1.0Control Number and Version are marked by a Word Bookmark so that they can be easily reproduced in the header and footer of documents. When you change either of these values, be careful not to accidentally delete the bookmark. You can make bookmarks visible by selecting Tools-Options匳iew and checking the Bookmarks option in the Show region.审批:Project Manager拷贝号_文档控制记录更改日期作者版本文档状态更改参考201401231.0No Previous Version审阅人姓名职位分发拷贝号姓名职位1234The copy numbers referenced above should be written into the Copy Number space on the cover of each distributed copy. If the document is not controlled, you can delete this table and the Copy Number label from the cover page. 1 实现方式一 / 动态配置ds Field 和 grid Column function addColumn(res) var ds3 = $(execl_ds); var grid = $(tmm_employee_scheduling_list_grid); var resultrecords = res.result.record; var columns = ; var fields = ds3.fields, f = ; for (var q in fields) if (q.substring(0, 1) = a) ds3.removeField(q); f.push(q); grid.removeColumn(f); for (var t = 0;t resultrecords.length;t+) var date_code = resultrecordst.scheduling_date_code; var date_name = resultrecordst.scheduling_date_name; var desc = resultrecordst.scheduling_date_desc; var kk = t + 1; ds3.addField(增加列：name为表中列名Prompt为列描述 name: attribute_ + kk, prompt: desc / mapping: / from: scheduling_id, / to: date_name / ); 为列增加列渲染属性 columns.push( name: attribute_ + kk, editor: gird_text, align: center, width: 100, prompt: desc ); grid.addColumn(columns); /* debugger; */ 这种方式是效率最差的，因为完全通过js中的循环来进行处理，每次新查询都需要重新去掉和生成动态列，但是也能最大限度的让自己定义每个列中不同的渲染属性，比较适合用于复杂的动态列。 placeHolder 中定义过的属性 :属性名说明类型id绑定view-config中的唯一标识2 实现方式二数据来源（moder-query）节点名说明最大重复次数batch-config动态循环创建子节点create-config动态列配置区这种方式是通过aurora中已经封装的标签来实现通过页面加载的时候就取得动态列所需要生成的列，所以比较适合用于固定的生成模式，不太适合用于要根据本页面所选定的一些参数就行生成的动态列3 实现方式3/* * 前置条件: 1.grid内需要一个lock=flase(这个为默认设置)的占位标签，其他非动态列设为lock否则会在刷新时被删除 * 2.如果需要footerrenderer，在column标签内需要申明 3.动态列信息的dataset应当设置为，fetchAll=true * 4.如果需要在页面加载时就设置动态列，设置autoQuerytrue，动态列的绘制是动态列信息dataset的load事件驱动的 */* * 描述:为grid添加相应的事件和方法控制动态列 * 参数列表: * colDataSet:动态列数据集，根据此数据集的记录绘制grid的动态列部分 * shareField:对应shareField * promptField:动态列数据集中描述字段，相当于column中的prompt * * * 可选条件: * resizable:是否可以自动调整大小 * sortable:是否排序字段 * editor:返回一个编辑器给所有动态列 * renderer:动态列数据内容渲染函数 * dynamicFooterRenderer:grid脚渲染器，调用gird的footerrenderer * align:动态列