Skip to content

列表设计常用方法

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}]);