:-: **設置Table的名稱**
> addToolbar
* * * * *
源代碼
~~~
/**
* @title 添加toolbar對應內容
* @description 添加toolbar對應內容
* @createtime: 2018/7/13 19:32
* @param string $html 這個可以為html,也是可以為edit/del這兩個默認定義的 true '' ''
* @param bool $condition 這個是專門針對del方法設置的,需要使用比如d.id>10這種來判斷 false false string
* @return $this
*/
public function addToolbar($html, $condition = false){
if(is_array($html)){
foreach($html as $i => $v){
if(is_array($v)){
$this->addToolbar($v[0], $v[1]);
}else{
$this->addToolbar($v);
}
}
}else{
if($html == "edit"){
$this->toolbar .= '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="icesadmin-edit"><i class="layui-icon layui-icon-edit"></i>編輯</a>';
}elseif($html == "del"){
$del = '<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="icesadmin-del"><i class="layui-icon layui-icon-delete"></i>刪除</a>';
if($condition != false){
$this->toolbar .= '{{# if('.$condition.'){ }}<a class="layui-btn layui-btn-disabled layui-btn-xs"><i class="layui-icon layui-icon-delete"></i>刪除</a>{{# } else { }}'.$del.'{{# } }}';
}else{
$this->toolbar .= $del;
}
}else{
$this->toolbar .= $html;
}
}
return $this;
}
~~~
* * * * *
使用方法
~~~
$table->addToolbar("edit");//添加一個編輯按鈕
$table->addToolbar("del");//添加一個刪除按鈕
//同時添加
$table->addToolbar(['edit', 'del']);
//添加自定義按鈕
$table->addToolbar(<<<HTML
<a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="icesadmin-test"><i class="layui-icon layui-icon-theme"></i>test</a>
HTML
);
//注意,按鈕必須頂易lay-event,同時table需要設置tablename,否則無法監聽
//如果寫了自定義按鈕,需要設置js,同時原設置的edit以及del方法失效,需要自己重新寫
$table->addTableJavascript(<<<HTML
table.on("tool(mytest)", function(obj){
console.log(obj);
if(obj.event == "XXXX"){
}
});
//這一段是觸發開關按鈕或其他的table內自定義form內容
form.on("switch(order-status)", function(data){
console.log(data);
console.log(data.elem.checked?1:0);
});
HTML
)
~~~
- 序言
- 安裝
- 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