前端组件
<h1><center>前端组件</center></h1>
<h2>封装了一些常用的JS组件方法。</h2>
<table>
<thead>
<tr>
<th>名称</th>
<th>代码</th>
<th>介绍</th>
</tr>
</thead>
<tbody>
<tr>
<td>表格</td>
<td>$.table</td>
<td>表格封装处理</td>
</tr>
<tr>
<td>表格树</td>
<td>$.treeTable</td>
<td>表格树封装处理</td>
</tr>
<tr>
<td>表单</td>
<td>$.form</td>
<td>表单封装处理</td>
</tr>
<tr>
<td>弹出层</td>
<td>$.modal</td>
<td>弹出层封装处理</td>
</tr>
<tr>
<td>操作</td>
<td>$.operate</td>
<td>操作封装处理</td>
</tr>
<tr>
<td>校验</td>
<td>$.validate</td>
<td>校验封装处理</td>
</tr>
<tr>
<td>树插件</td>
<td>$.tree</td>
<td>树插件封装处理</td>
</tr>
<tr>
<td>通用方法</td>
<td>$.common</td>
<td>通用方法封装处理</td>
</tr>
</tbody>
</table>
<h2>通用方法</h2>
<table>
<thead>
<tr>
<th>方法</th>
<th>参数</th>
<th>介绍</th>
</tr>
</thead>
<tbody>
<tr>
<td>$.table.init();</td>
<td>options（选项参数）</td>
<td>初始化表格参数</td>
</tr>
<tr>
<td>$.table.search();</td>
<td>formId（表单ID, 表格ID, 追加数据）</td>
<td>搜索-默认第一个form</td>
</tr>
<tr>
<td>$.table.exportExcel();</td>
<td>formId（表单ID）</td>
<td>导出-默认第一个form</td>
</tr>
<tr>
<td>$.table.importExcel();</td>
<td>formId（表单ID）</td>
<td>导入-默认importForm</td>
</tr>
<tr>
<td>$.table.importTemplate();</td>
<td>formId（表单ID）</td>
<td>模板下载</td>
</tr>
<tr>
<td>$.table.refresh();</td>
<td>无</td>
<td>刷新表格</td>
</tr>
<tr>
<td>$.table.selectColumns();</td>
<td>column（查询列值）</td>
<td>查询表格指定列值</td>
</tr>
<tr>
<td>$.table.selectFirstColumns();</td>
<td>无</td>
<td>查询表格首列值</td>
</tr>
<tr>
<td>$.table.destroy();</td>
<td>tableId（表格ID）</td>
<td>销毁表格-默认options.id</td>
</tr>
<tr>
<td>$.table.serialNumber();</td>
<td>index（序号）</td>
<td>序列号生成</td>
</tr>
<tr>
<td>$.table.dropdownToggle();</td>
<td>value（内容）</td>
<td>下拉按钮切换</td>
</tr>
<tr>
<td>$.table.imageView();</td>
<td>value（内容）, height, width, target（打开方式）</td>
<td>图片预览</td>
</tr>
<tr>
<td>$.table.showColumn();</td>
<td>column（列值）, tablbeId（表格ID）</td>
<td>显示表格指定列</td>
</tr>
<tr>
<td>$.table.hideColumn();</td>
<td>column（列值）, tablbeId（表格ID）</td>
<td>隐藏表格指定列</td>
</tr>
<tr>
<td>$.table.showAllColumns();</td>
<td>tableId（表格ID）</td>
<td>显示所有表格列</td>
</tr>
<tr>
<td>$.table.hideAllColumns();</td>
<td>tableId（表格ID）</td>
<td>隐藏所有表格列</td>
</tr>
<tr>
<td>$.table.tooltip();</td>
<td>value（内容）, length（截取长度）</td>
<td>超出指定长度浮动提示</td>
</tr>
<tr>
<td>$.table.selectDictLabel();</td>
<td>datas（字典列表）, value（当前值）</td>
<td>回显数据字典</td>
</tr>
<tr>
<td>$.treeTable.init();</td>
<td>options（选项参数）</td>
<td>初始化表格树参数</td>
</tr>
<tr>
<td>$.treeTable.search();</td>
<td>formId（表单ID）</td>
<td>搜索-默认第一个form</td>
</tr>
<tr>
<td>$.treeTable.refresh();</td>
<td>无</td>
<td>刷新表格树</td>
</tr>
<tr>
<td>$.form.reset();</td>
<td>formId（表单ID, 表格ID）</td>
<td>表单重置</td>
</tr>
<tr>
<td>$.form.selectCheckeds();</td>
<td>name（name名称）</td>
<td>获取选中复选框项</td>
</tr>
<tr>
<td>$.form.selectSelects();</td>
<td>name（id名称）</td>
<td>获取选中下拉框项</td>
</tr>
<tr>
<td>$.modal.icon</td>
<td>type（图标类型）</td>
<td>显示图标</td>
</tr>
<tr>
<td>$.modal.msg</td>
<td>content（内容）, type（图标类型）</td>
<td>消息提示</td>
</tr>
<tr>
<td>$.modal.msgError();</td>
<td>content（内容）</td>
<td>错误消息</td>
</tr>
<tr>
<td>$.modal.msgSuccess();</td>
<td>content（内容）</td>
<td>成功消息</td>
</tr>
<tr>
<td>$.modal.msgWarning();</td>
<td>content（内容）</td>
<td>警告消息</td>
</tr>
<tr>
<td>$.modal.alert</td>
<td>content（内容）, type（图标类型）</td>
<td>消息提示</td>
</tr>
<tr>
<td>$.modal.msgReload</td>
<td>msg（消息）, type（图标类型）</td>
<td>消息提示并刷新父窗体</td>
</tr>
<tr>
<td>$.modal.alertError();</td>
<td>content（内容）</td>
<td>错误提示</td>
</tr>
<tr>
<td>$.modal.alertSuccess();</td>
<td>content（内容）</td>
<td>成功提示</td>
</tr>
<tr>
<td>$.modal.alertWarning();</td>
<td>content（内容）</td>
<td>警告提示</td>
</tr>
<tr>
<td>$.modal.close();</td>
<td>无</td>
<td>关闭窗体</td>
</tr>
<tr>
<td>$.modal.closeAll;</td>
<td>无</td>
<td>关闭全部窗体</td>
</tr>
<tr>
<td>$.modal.confirm();</td>
<td>content（内容）, callBack（回调函数）</td>
<td>确认窗体</td>
</tr>
<tr>
<td>$.modal.open();</td>
<td>title, url, width, height, callBack（回调函数）</td>
<td>弹出层指定宽度</td>
</tr>
<tr>
<td>$.modal.openOptions();</td>
<td>options（选项参数）</td>
<td>弹出层指定参数选项</td>
</tr>
<tr>
<td>$.modal.openFull();</td>
<td>title, url, width, height</td>
<td>弹出层全屏</td>
</tr>
<tr>
<td>$.modal.openTab();</td>
<td>title（标题）, url（地址）</td>
<td>选卡页方式打开</td>
</tr>
<tr>
<td>$.modal.parentTab();</td>
<td>title（标题）, url（地址）</td>
<td>选卡页同一页签打开</td>
</tr>
<tr>
<td>$.modal.closeTab();</td>
<td>dataId（地址）</td>
<td>关闭选项卡</td>
</tr>
<tr>
<td>$.modal.disable</td>
<td>无</td>
<td>禁用按钮</td>
</tr>
<tr>
<td>$.modal.enable</td>
<td>无</td>
<td>启用按钮</td>
</tr>
<tr>
<td>$.modal.loading();</td>
<td>message（提示消息）</td>
<td>打开遮罩层</td>
</tr>
<tr>
<td>$.modal.closeLoading();</td>
<td>无</td>
<td>关闭遮罩层</td>
</tr>
<tr>
<td>$.modal.reload();</td>
<td>无</td>
<td>重新加载</td>
</tr>
<tr>
<td>$.operate.submit();</td>
<td>url, type, dataType, data, callback（回调函数）</td>
<td>提交数据</td>
</tr>
<tr>
<td>$.operate.post();</td>
<td>url（地址）, data（数据）, callback（回调函数）</td>
<td>post方式请求提交数据</td>
</tr>
<tr>
<td>$.operate.get();</td>
<td>url（地址）, callback（回调函数）</td>
<td>get请求传输数据</td>
</tr>
<tr>
<td>$.operate.detail();</td>
<td>id（数据ID）</td>
<td>详细信息</td>
</tr>
<tr>
<td>$.operate.remove();</td>
<td>id（数据ID）</td>
<td>删除信息</td>
</tr>
<tr>
<td>$.operate.removeAll();</td>
<td>无</td>
<td>批量删除信息</td>
</tr>
<tr>
<td>$.operate.clean();</td>
<td>无</td>
<td>清空信息</td>
</tr>
<tr>
<td>$.operate.add();</td>
<td>id（数据ID）</td>
<td>添加信息</td>
</tr>
<tr>
<td>$.operate.addTab();</td>
<td>id（数据ID）</td>
<td>添加信息（选项卡方式）</td>
</tr>
<tr>
<td>$.operate.addFull();</td>
<td>id（数据ID）</td>
<td>添加信息 全屏</td>
</tr>
<tr>
<td>$.operate.addUrl();</td>
<td>id（数据ID）</td>
<td>添加访问地址</td>
</tr>
<tr>
<td>$.operate.edit();</td>
<td>id（数据ID）</td>
<td>修改信息</td>
</tr>
<tr>
<td>$.operate.editTab();</td>
<td>id（数据ID）</td>
<td>修改信息（选项卡方式）</td>
</tr>
<tr>
<td>$.operate.editFull();</td>
<td>id（数据ID）</td>
<td>修改信息 全屏</td>
</tr>
<tr>
<td>$.operate.editUrl();</td>
<td>id（数据ID）</td>
<td>修改访问地址</td>
</tr>
<tr>
<td>$.operate.save();</td>
<td>url（地址）, data（数据）, callback（回调函数）</td>
<td>保存信息</td>
</tr>
<tr>
<td>$.operate.saveModal();</td>
<td>url（地址）, data（数据）, callback（回调函数）</td>
<td>保存信息 弹出提示框</td>
</tr>
<tr>
<td>$.operate.saveTab();</td>
<td>url（地址）, data（数据）, callback（回调函数）</td>
<td>保存选项卡信息</td>
</tr>
<tr>
<td>$.operate.ajaxSuccess();</td>
<td>result（返回结果）</td>
<td>保存结果弹出msg刷新table表格</td>
</tr>
<tr>
<td>$.operate.saveSuccess();</td>
<td>result（返回结果）</td>
<td>保存结果提示msg</td>
</tr>
<tr>
<td>$.operate.successCallback();</td>
<td>result（返回结果）</td>
<td>成功回调执行事件（静默更新）</td>
</tr>
<tr>
<td>$.operate.successTabCallback();</td>
<td>result（返回结果）</td>
<td>选项卡成功回调执行事件（静默更新）</td>
</tr>
<tr>
<td>$.validate.unique();</td>
<td>value（返回标识）</td>
<td>判断返回标识是否唯一</td>
</tr>
<tr>
<td>$.validate.form();</td>
<td>formId（表单ID）</td>
<td>表单验证-默认第一个form</td>
</tr>
<tr>
<td>$.validate.reset();</td>
<td>formId（表单ID）</td>
<td>重置表单验证（清除提示信息）</td>
</tr>
<tr>
<td>$.tree.init();</td>
<td>options（选项参数）</td>
<td>初始化树结构</td>
</tr>
<tr>
<td>$.tree.searchNode();</td>
<td>无</td>
<td>搜索节点</td>
</tr>
<tr>
<td>$.tree.selectByIdName();</td>
<td>treeId, treeName, node</td>
<td>根据Id和Name选中指定节点</td>
</tr>
<tr>
<td>$.tree.showAllNode();</td>
<td>nodes（全部节点数据）</td>
<td>显示所有节点</td>
</tr>
<tr>
<td>$.tree.hideAllNode();</td>
<td>nodes（全部节点数据）</td>
<td>隐藏所有节点</td>
</tr>
<tr>
<td>$.tree.showParent();</td>
<td>treeNode（节点数据）</td>
<td>显示所有父节点</td>
</tr>
<tr>
<td>$.tree.showChildren();</td>
<td>treeNode（节点数据）</td>
<td>显示所有孩子节点</td>
</tr>
<tr>
<td>$.tree.updateNodes();</td>
<td>nodeList（全部节点数据）</td>
<td>更新节点状态</td>
</tr>
<tr>
<td>$.tree.getCheckedNodes();</td>
<td>column（列值）</td>
<td>获取当前被勾选集合</td>
</tr>
<tr>
<td>$.tree.notAllowParents();</td>
<td>_tree（树对象）</td>
<td>不允许根父节点选择</td>
</tr>
<tr>
<td>$.tree.toggleSearch();</td>
<td>无</td>
<td>隐藏/显示搜索栏</td>
</tr>
<tr>
<td>$.tree.collapse();</td>
<td>无</td>
<td>树折叠</td>
</tr>
<tr>
<td>$.tree.expand();</td>
<td>无</td>
<td>树展开</td>
</tr>
<tr>
<td>$.common.isEmpty();</td>
<td>value（值）</td>
<td>判断字符串是否为空</td>
</tr>
<tr>
<td>$.common.isNotEmpty();</td>
<td>value（值）</td>
<td>判断一个字符串是否为非空串</td>
</tr>
<tr>
<td>$.common.nullToStr();</td>
<td>value（值）</td>
<td>空对象转字符串</td>
</tr>
<tr>
<td>$.common.visible();</td>
<td>value（值）</td>
<td>是否显示数据 为空默认为显示</td>
</tr>
<tr>
<td>$.common.trim();</td>
<td>value（值）</td>
<td>空格截取</td>
</tr>
<tr>
<td>$.common.random();</td>
<td>min（最小）, max（最大）</td>
<td>指定随机数返回</td>
</tr>
<tr>
<td>$.common.startWith();</td>
<td>value（值）, start（开始值）</td>
<td>判断字符串是否是以start开头</td>
</tr>
<tr>
<td>$.common.endWith();</td>
<td>value（值）, end（结束值）</td>
<td>判断字符串是否是以end结尾</td>
</tr>
</tbody>
</table>