基本使用
属性
属性 | 类型 | 备注 | 描述 |
size | string | 9.0 新增 | toolbar高度,默认值是“M”,可选[“L”、“M”] |
leftGap | number | 9.0 新增 | toolbar左侧间距 |
multiRow | bool | 9.0 新增 | 默认为false,toolbar默认是单行形式,设置为true表示多行模式 |
isPager | bool | (9.0已经废弃) | 默认为true,控制toolbar是否显示分页 |
searchHtml | 搜索区域DOM | (9.0已经废弃) | 默认为true,控制toolbar是否显示分页 |
toolbar中按钮参数 例 |
id | | | id |
name | | | 名称 |
click | | | 点击事件 |
className | | | 样式名称[按钮图标--从通用class中查询] |
subMenu | | |
下拉菜单
id | 下拉子菜单id | name | 下拉子菜单名称 | click | 下拉子菜单点击事件 |
|
toolbar中添加select |
type | type默认值不写,还可以定义为select和checkbox | | string |
text | string | | 默认select的值 |
value | string | | 默认select的value |
disable | boolean | | 设置select置灰 |
onchange | function | | select的onchange方法 |
items | 数组 | | select的option选项 |
className:"hidden" | | | 设置class:hidden时隐藏select |
方法
方法 | 描述 |
selected() | 设置某一个toolbar按钮高亮显示用 toolbar.selected(id) |
unselected() |
1、设置某一个toolbar按钮不高亮显示: toolbar.unselected(id)
2、unselected(),不添加参数,所有按钮取消高亮显示
|
disabled() | 设置某一个toolbar按钮不可用 toolbar.disabled(id) |
enabled() | 设置某一个toolbar可用 toolbar.enabled(id) |
disabledAll() | 所有toolbar按钮不可用 toolbar.disabledAll() |
enabledAll() | 所有toolbar按钮可用 toolbar.enabledAll() |
hideBtn(id) | toolbar隐藏按钮[参数为按钮id]: toolbar.hideBtn(id) |
showBtn(id) | toolbar显示按钮[参数为按钮id] toolbar.showBtn() |
更多参数
参数 | 类型 | 描述 |
showSeparate | boolean | 设置toolbar是否显示分隔线,默认显示。(6.0以后默认不显示) |