Appearance
列表设计常用方法
1 列表属性脚本事件
onLoad 页面加载时触发
名称 | 参数 | 说明 |
---|---|---|
setInitSearchInfo(value) | value:键值对对象 | 设置初始查询条件 示例: //当页面加载时,自动将搜索表单中的[项目来源]设为"合同草案",[客户名称]设为"金慧测试" setInitSearchInfo({PROJECTSOURCE: "合同草案",CUSTOMERINFONAME: "金慧测试"}) |
request(url,method,data) | url:请求的资源路径(必选) method:如GET,POST(必选) data:请求发送的数据对象(仅非 GET 请求使用),默认null(可选) | 向指定URL发送不同方法请求,并可携带数据 示例: //获取用户列表 request('https://api.example.com/users', 'GET') .then(users => console.log('用户列表:', users)) |
表格脚本事件
名称 | 参数 | 说明 |
---|---|---|
data | - | 当前组件的选中数据,多选框组件等多选为数组,单选为对象 示例: //拿到某行数据的信息后修改name字段 let data = { ...rowData },data.name = "研发中心" |
setShowOrHide (prop,value,type) | prop:字段属性名(必选) value:true显示,false隐藏(必选) type:不传参数默认为组件,button-按钮,column-表格列(可选) | 设置显示或隐藏 示例: //隐藏标识符为 "DETAIL.btn_top_y38i4O2" 的按钮。 setShowOrHide("DETAIL.btn_top_y38i4O2",false,"button"); |
setTableStyle | - | 自定义表格单元格样式(cellStyle)、行样式(rowStyle) 示例: //设置状态列样式(record必选)record.status为'active'时设置#e6f7ff,否则无样式 setTableStyle(cellStyle: (record) => {return record.status === 'active' ? { backgroundColor: '#e6f7ff' } : {}}) |
getTableStyle | - | 获取表格单元格样式(cellStyle)、行样式(rowStyle),返回Object 示例: //查看当前行样式 const currentStyles = getTableStyle();<br>console.log('当前行样式:', currentStyles.rowStyle) |
2 列表字段点击事件
名称 | 参数 | 说明 |
---|---|---|
row | - | 表格中的当前行数据对象 示例: //拿到行数据中的id字段,并赋值给a变量 let a = row.id |
column | - | 表格列的配置信息 示例: //定义一个表格列的配置数组,第一列显示姓名,第二列显示年龄 const columns = [{prop: "name", label: "姓名" }, {prop: "age", label: "年龄" }]; |
openWindow (url,title,showHeader,refresh,data) | url:指定要加载的组件路径(views/basic/dynamicModel/list/Form表单页面 views/workFlow/components/FlowBox流程表单页面 views/basic/dynamicModel/list/index列表页面 views/infra/word/wordPBSTemplate/index自定义页面)(必选) title:设置打开的窗口标题(可选) showHeader:控制窗口是否显示标题栏,true显示,false不显示(可选) refresh:控制是否刷新数据,true显示,false不显示(可选) popupType:弹窗类型(可选) openTabsOnBrowser:是否在浏览器新tab页中打开(true:在新tab页打开,false:不在新tab页中打开) width,height:弹窗宽度和高度 isDetail:是否为详情页 data:用于传递给目标界面的数据(必选),包括: TmplCode:打开配置页面必不可缺的参数,它是配置页面的结构数据id,功能设计id flowId:对于打开高开的流程表单使用这个参数,他是流程设计的id(TmplCode和flowId只需要一个) id:打开页面的真实数据ID,通常情况下会根据此id在被打开页面的init方法中使用 formType: 表单类型,是开发模式=1,配置模式=2,如果要打开流程页面时,是必须的 opType:流程状态,待审,已审,抄送,发起等 defVal:自定义数据集,用作生成默认值,或传递数据 id taskId:流程任务id(可选) taskNodeId:流程任务节点id(可选) onDestroy:回调函数(必选),包括confirm:确认后调用(data:弹窗数据-表单数据,selectedData:弹窗数据-选择数据) componentClose:回调关闭后调用(close:关闭弹窗) | 打开新窗口 示例: //打开一个自定义页面 openWindow({<br>url: "views/infra/word/wordPBSTemplate/index",<br>height: "800px",<br>width: "800px",<br>title: "选择数据",<br>showHeader: true,<br>showFooter: true,<br>refresh: true,<br>popupType: "general",<br>isDetail: false,<br>data: {<br>TmplCode: "547062297219039429",<br>id: "585007185948316677",<br>taskNodeId: "585007187017864198",<br>taskId: "585025915570885637",<br>opType: "1",<br>},<br>onDestroy: {<br>confirm: ({ data, selectedData }) => {<br>console.log(data, selectedData, "confirm======data=======");<br>this.close();<br>},<br>componentClose: () => {<br>console.log("componentClose==========");<br>this.close();<br>},<br>},<br>}); |
downloadFile(url,name) | url:要下载的文件的完整网络地址(必选) name:下载后保存在本地的文件名,加后缀(必选) | 文件的下载操作 示例: //下载该路径下的文件 this.jnpf.downloadFile("url","fileName"); |
downloadFiles(value) | value:JSON字符串或JSON数组字符串(必选) 例如: [{xxx},{xxx}] | 文件的批量下载操作(当传入单个文件时,直接下载该文件.当传入多个文件时,打包为ZIP文件下载) 示例: //下载名称为客户信息管理的文件 downloadFile([{xxx},{xxx}]); |