~~~
//构建页面
return $this->TBuilder('custom',$this) ->addTopBarMenus([
['title' => '表头','href'=>url('',['step'=>1]) ],
['title' => '内容','is_active' => true],
['title' => '分析','href'=>url('',['step'=>3]) ],
['title' => '外观','href'=>url('',['step'=>4]) ],
['title' => '提交后','href'=>url('',['step'=>5]) ],
['title' => '全局设置','href'=>url('',['step'=>6]) ],
['title' => '发布','href'=>url('',['step'=>7]) ],
])
->addTopBarButton([
'type' => 'edit',
'title' => '上一步',
'item_class'=> '',
'attr' => ['target-form'=>'form-horizontal-topic'],
'icon_class'=> 'fa fa-arrow-left',
'href' => 'javascript:;',
])
->addTopBarButton([
'type' => 'edit',
'title' => '下一步',
'item_class'=> '',
'attr' => ['target-form'=>'form-horizontal-topic'],
'icon_class'=> 'fa fa-arrow-right',
'href' => 'javascript:;',
])
->addTopBarButton([
'type' => 'edit',
'title' => '保存',
'item_class'=> 'btn-primary ajax-post save_project_edit',
'attr' => ['target-form'=>'form-horizontal-topic'],
'icon_class'=> 'fa fa-floppy-o',
'href' => 'javascript:;',
])
->setCustomView( $projectEditGroupInfo['custom_view'] )
->recordWidgets([['art-template'],['mCustomScrollbar']])
->hideFooter()
->assign( ['list'=>$list] )
->fetch();
~~~
**addTopBarMenus**方法用于设置topbar顶部菜单
![](https://box.kancloud.cn/29772a1da886bb155d13fe641a289adf_1142x332.png)
### 高亮规则
一、控制器(CN)、方法(AN)匹配
~~~
addTopBarMenus([
['title' => '选择明细视图','href' => url('answer/showAnswerDetail',['answer_id'=>$answer_id] ),'active_rule'=>'AN','active_val'=>'showAnswerDetail' ],
['title' => '分值统计视图','href' => url('answer/showAnswerStatistics',['answer_id'=>$answer_id] ),'active_rule'=>'AN','active_val'=>'showAnswerStatistics' ],
])
~~~
二、url参数匹配
~~~
addTopBarMenus([
['title' => '表头','href'=>url('',['step'=>1]) ,'active_key'=>'step','active_val'=>'1' ],
['title' => '内容','href'=>url('',['step'=>2]) ,'active_key'=>'step','active_val'=>'2' ],
])
~~~
三、指定
~~~
addTopBarMenus([
['title' => '表头','href'=>url('',['step'=>1]) ],
['title' => '内容','is_active' => true],
])
~~~
### 设置topbar右侧按钮
**addTopBarButton**方法用于设置topbar右侧按钮
~~~
->addTopBarButton([
'type' => 'edit',
'title' => '上一步',
'item_class'=> 'hide',
'attr' => ['target-form'=>'form-horizontal-topic'],
'icon_class'=> 'fa fa-arrow-left',
'href' => 'javascript:;',
])
->addTopBarButton([
'type' => 'edit',
'title' => '下一步',
'item_class'=> 'hide',
'attr' => ['target-form'=>'form-horizontal-topic'],
'icon_class'=> 'fa fa-arrow-right',
'href' => 'javascript:;',
])
->addTopBarButton([
'type' => 'edit',
'title' => '保存',
'item_class'=> 'btn-primary ajax-post save_project_edit no-refresh',
'attr' => ['target-form'=>'form-horizontal'],
'icon_class'=> 'fa fa-floppy-o',
'href' => 'javascript:;',
])
~~~
![](https://box.kancloud.cn/2e41ef3d47c330417ba8ca99100f0ad3_1676x265.png)
- 序言
- 环境搭建
- 下载及安装
- 构建器
- 构建器概述
- 模版构建器(TBuilder)
- Tab组件
- Topbar组件
- 按钮
- 顶部按钮配置
- 按钮配置明细
- 表格(table)
- Table案例
- 「方法」加载数据
- 「方法」设置数据列
- 「方法」列排序
- 「组件」检索过滤器
- 「组件」顶部按钮
- 「组件」列表按钮
- 「配置」列快速编辑
- 「配置」列附加内容
- 「配置」显隐列表复选框
- 「配置」自定义样式
- 表单(form)
- Form案例
- 「方法」添加组件(addWidgets)
- 「方法」数据检索过滤(filter)
- 「组件」富文本编辑器(kindeditor|editormd)
- 「组件」图片组件(images|cropper)
- 「组件」select listbox组件(listbox)
- 「组件」颜色选择器(button_color)
- 「组件」自定义内容
- 「配置」显隐字段关联(open_by)
- 「配置」form布局(layoutView)
- 「配置」隐藏描述区(hideWidgetsDesc)
- 「配置」数据验证(validate)
- 「配置」隐藏表单底部按钮(hideFormButton)
- 「配置」字段tip提示(tip)
- 自定义页面(custom)
- Custom案例
- 「组件」echart
- 「组件」Tile Widgets
- 「配置」custom布局
- 「配置」自定义html内容
- 「配置」自定义提醒页面
- 树形(tree)
- Tree案例
- 左侧菜单区配置
- 关闭左侧菜单(hideLeftMenu)
- 顶部按钮配置
- 自定义菜单配置
- 展现方式配置
- 表内增删改(Tabullet)
- 通用设置
- 依赖文件加载(插件/js/css)
- 指定布局/模版
- 内容定位栏(setTrayMenu)
- 设置内容区侧栏
- 模态框打开页面
- 组件构建器(TWidget)
- echarts
- table
- form组件
- Tabs组件
- builder构建
- titleLine
- 数据构建器(DBuilder)
- 概述(案例)
- 「方法」获取单条记录详情
- 「方法」获取分页列表数据
- 「方法」排序
- 「方法」设置查询字段
- 「方法」快速编辑
- 「方法」数据导出
- 「方法」联表查询
- 「方法」查询数据再处理
- 「配置」回调处理
- 「配置」设置过滤字段
- 「配置」指定过滤字段匹配值
- 「配置」增加编辑支持
- 「配置」查询出全部数据
- 辅助类
- Excle
- 模块开发
- 插件开发
- 扩展
- 行为扩展
- 行为日志
- 杂项
- 图片异步加载
- jquery插件zeroModal
- 提示
- form表单验证
- ajax相关
- 展开收起
- 常用函数
- 其他插件
- DEMO
- 增删改查
- 安全
- XSS 攻击
- 注入攻击
- CSRF 攻击
- 其他攻击和漏洞
- 开发
- TBuilder组件开发
- 更新日志
- 关于文档