:-: **设置Table的右侧按钮打开pop界面**
>setTableform
* * * * *
* 源代码
~~~
/**
* @title 设置table对应的编辑或者弹出框
* @description 设置table对应的编辑或者弹出框,如果有弹出框,弹出框的Form属性isPop最好是true
* @createtime: 2018/7/13 19:45
* @param string $view 展示的界面,如果是后端的话需要写成../../才可以 true '' ''
* @param string $title 题头名称 true '' ''
* @param string $url 最后提交的地址 true '' ''
* @param string $btn 表单的提交按钮名称,需要在form中设置,如果不存在,如果是一套后台的话,应该是[您设置的名称-submit],不存在则点击提交table不会刷新且下方无作用 false '' ''
* @param string $rendercall pop弹窗渲染完成了的js回调 false '' ''
* @param string $submitcall
* @param array $area
* @return $this
*/
public function setTableform($view, $title, $url, $btn = '', $rendercall = '', $submitcall = '', $area = []){
if(!is_array($title)){
$title = [str_replace("编辑", "添加", $title), str_replace("添加", "编辑", $title)];
}
$this->tableform = [
'view' => $view,
'title' => $title,
'btn' => $btn,
'url' => $url,
'renderDoneCall' => $rendercall,
'submitCallback' => $submitcall,
'area' => $area
];
return $this;
}
~~~
* * * * *
如何使用
~~~
$table->setTableform(
"../../manage/view/tableForm", //点击编辑按钮打开的pop窗口地址
"添加测试",//pop窗名称,可以填写【添加】【编辑】,这样系统会自动替换,在新增时显示添加,修改时显示编辑
"/manage/view/tableFormSubmit", //点击提交按钮之后提交到的网址
'mytestform-submit', //这个需要在pop窗对应的地址内form先设置setFormname,比如formname是mytestform, 那么按钮就是mytestform-submit
"console.log('render suc')", //pop窗口打开之后的回调,一般需要填写form.render(null, "mytestform");也就是form的name
"layer.msg('post success');"//提交的success回调
)
~~~
- 序言
- 安装
- icesadmin简介
- 设置上方目录所在-setPageBreadcrumb
- 设置页面整体css-setPageStyle
- 设置界面整体js-setPageScript
- Table简介
- 设置table名称-setTablename
- 监听table修改事件-setEditEvent
- 设置右侧按钮点击-setTableform
- 设置上方搜索-setTableSearchForm
- 加入左侧多选-addCheckbox
- 添加一列-addColumn
- 添加右侧操作列-addToolColumn
- 添加右侧操作按钮-addToolbar
- 添加一个列模板-addTemplate
- 添加上方Btn-addTableBtn
- 添加table的js-addTableJavascript
- 添加使用js模块-addConsoleJs
- 最终展示-show
- Form简介
- 设置form初始值-setFormValue
- 设置form名称-setFormname
- 行内联(一行多个)-startInLine
- addConsoleJs
- 设置form的js-addFormJavascript
- table使用-getFormcontrols
- 添加控件(基础)-addControl
- 添加单行输入框-addText
- 添加多行输入-addTextarea
- 添加密码输入框-addPassword
- 图片上传-addUpload
- 文件上传-addWebuploader
- 添加选择器-addSelect
- 添加多选-addMulSelect
- 添加复选框-addCheckbox
- 添加开关-addSwitch
- 添加单选-addRadio
- 添加日期选择-addDate
- 添加编辑器-addUeditor
- 显示-show