ruoyi 页面跳转_前端手册

# 前端手册

# 前端组件

若依封装了一些常用的JS组件方法。 名称 代码 介绍 表格 $.table 表格封装处理

表格树 $.treeTable 表格树封装处理

表单 $.form 表单封装处理

弹出层 $.modal 弹出层封装处理

操作 $.operate 操作封装处理

校验 $.validate 校验封装处理

树插件 $.tree 树插件封装处理

通用方法 $.common 通用方法封装处理

# 通用方法

支持属性 方法 参数 介绍 $.table.init(); options(选项参数) 初始化表格参数

$.table.search(); formId(表单ID, 表格ID, 追加数据) 搜索-默认第一个form

$.table.exportExcel(); formId(表单ID) 导出-默认第一个form

$.table.importExcel(); formId(表单ID) 导入-默认importForm

$.table.importTemplate(); formId(表单ID) 模板下载

$.table.refresh(); 无 刷新表格

$.table.selectColumns(); column(查询列值) 查询表格指定列值

$.table.selectFirstColumns(); 无 查询表格首列值

$.table.destroy(); tableId(表格ID) 销毁表格-默认options.id

$.table.serialNumber(); index(序号) 序列号生成

$.table.dropdownToggle(); value(内容) 下拉按钮切换

$.table.imageView(); value(内容), height, width, target(打开方式) 图片预览

$.table.showColumn(); column(列值), tablbeId(表格ID) 显示表格指定列

$.table.hideColumn(); column(列值), tablbeId(表格ID) 隐藏表格指定列

$.table.showAllColumns(); tableId(表格ID) 显示所有表格列

$.table.hideAllColumns(); tableId(表格ID) 隐藏所有表格列

$.table.tooltip(); value(内容), length(截取长度) 超出指定长度浮动提示

$.table.selectDictLabel(); datas(字典列表), value(当前值) 回显数据字典

$.treeTable.init(); options(选项参数) 初始化表格树参数

$.treeTable.search(); formId(表单ID) 搜索-默认第一个form

$.treeTable.refresh(); 无 刷新表格树

$.form.reset(); formId(表单ID, 表格ID) 表单重置

$.form.selectCheckeds(); name(name名称) 获取选中复选框项

$.form.selectSelects(); name(id名称) 获取选中下拉框项

$.modal.icon type(图标类型) 显示图标

$.modal.msg content(内容), type(图标类型) 消息提示

$.modal.msgError(); content(内容) 错误消息

$.modal.msgSuccess(); content(内容) 成功消息

$.modal.msgWarning(); content(内容) 警告消息

$.modal.alert content(内容), type(图标类型) 消息提示

$.modal.msgReload msg(消息), type(图标类型) 消息提示并刷新父窗体

$.modal.alertError(); content(内容) 错误提示

$.modal.alertSuccess(); content(内容) 成功提示

$.modal.alertWarning(); content(内容) 警告提示

$.modal.close(); 无 关闭窗体

$.modal.closeAll 无 关闭全部窗体

$.modal.confirm(); content(内容), callBack(回调函数) 确认窗体

$.modal.open(); title, url, width, height, callBack(回调函数) 弹出层指定宽度

$.modal.openOptions(); options(选项参数) 弹出层指定参数选项

$.modal.openFull(); title, url, width, height 弹出层全屏

$.modal.openTab(); title(标题), url(地址) 选卡页方式打开

$.modal.parentTab(); title(标题), url(地址) 选卡页同一页签打开

$.modal.closeTab(); dataId(地址) 关闭选项卡

$.modal.disable 无 禁用按钮

$.modal.enable 无 启用按钮

$.modal.loading(); message(提示消息) 打开遮罩层

$.modal.closeLoading(); 无 关闭遮罩层

$.modal.reload(); 无 重新加载

$.operate.submit(); url, type, dataType, data, callback(回调函数) 提交数据

$.operate.post(); url(地址), data(数据), callback(回调函数) post方式请求提交数据

$.operate.get(); url(地址), callback(回调函数) get请求传输数据

$.operate.detail(); id(数据ID) 详细信息

$.operate.remove(); id(数据ID) 删除信息

$.operate.removeAll(); 无 批量删除信息

$.operate.clean(); 无 清空信息

$.operate.add(); id(数据ID) 添加信息

$.operate.addTab(); id(数据ID) 添加信息(选项卡方式)

$.operate.addFull(); id(数据ID) 添加信息 全屏

$.operate.addUrl(); id(数据ID) 添加访问地址

$.operate.edit(); id(数据ID) 修改信息

$.operate.editTab(); id(数据ID) 修改信息(选项卡方式)

$.operate.editFull(); id(数据ID) 修改信息 全屏

$.operate.editUrl(); id(数据ID) 修改访问地址

$.operate.save(); url(地址), data(数据), callback(回调函数) 保存信息

$.operate.saveModal(); url(地址), data(数据), callback(回调函数) 保存信息 弹出提示框

$.operate.saveTab(); url(地址), data(数据), callback(回调函数) 保存选项卡信息

$.operate.ajaxSuccess(); result(返回结果) 保存结果弹出msg刷新table表格

$.operate.saveSuccess(); result(返回结果) 保存结果提示msg

$.operate.successCallback(); result(返回结果) 成功回调执行事件(静默更新)

$.operate.successTabCallback(); result(返回结果) 选项卡成功回调执行事件(静默更新)

$.validate.unique(); value(返回标识) 判断返回标识是否唯一

$.validate.form(); formId(表单ID) 表单验证-默认第一个form

$.validate.reset(); formId(