144 lines
3.1 KiB
Markdown
144 lines
3.1 KiB
Markdown
|
# Message
|
||
|
|
|
||
|
|
## 用法
|
||
|
|
|
||
|
|
```html
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<link rel="stylesheet" href="/bricks/css/bricks.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<script src="/bricks/bricks.js"></script>
|
||
|
|
<script>
|
||
|
|
const opts =
|
||
|
|
{
|
||
|
|
"widget": {
|
||
|
|
"widgettype": "Tree",
|
||
|
|
"options": {
|
||
|
|
"idField": "id",
|
||
|
|
"textField": "text",
|
||
|
|
"data": [
|
||
|
|
{
|
||
|
|
"id": 1,
|
||
|
|
"text": "node1",
|
||
|
|
"is_leaf": false,
|
||
|
|
"children": [
|
||
|
|
{
|
||
|
|
"id": 11,
|
||
|
|
"text": "node11",
|
||
|
|
"is_leaf": false,
|
||
|
|
"children": [
|
||
|
|
{
|
||
|
|
"id": 112,
|
||
|
|
"text": "node.12",
|
||
|
|
"is_leaf": false,
|
||
|
|
"children": [
|
||
|
|
{
|
||
|
|
"id": 1112,
|
||
|
|
"text": "node1112",
|
||
|
|
"is_leaf": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 1113,
|
||
|
|
"text": "node113",
|
||
|
|
"is_leaf": true
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 113,
|
||
|
|
"text": "node113",
|
||
|
|
"is_leaf": true
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 12,
|
||
|
|
"text": "node12",
|
||
|
|
"is_leaf": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 13,
|
||
|
|
"text": "node13",
|
||
|
|
"is_leaf": true
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 2,
|
||
|
|
"text": "node2",
|
||
|
|
"is_leaf": false,
|
||
|
|
"children": [
|
||
|
|
{
|
||
|
|
"id": 21,
|
||
|
|
"text": "node21",
|
||
|
|
"is_leaf": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 22,
|
||
|
|
"text": "node22",
|
||
|
|
"is_leaf": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 23,
|
||
|
|
"text": "node23",
|
||
|
|
"is_leaf": true
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"id": 3,
|
||
|
|
"text": "node3",
|
||
|
|
"is_leaf": true
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
;
|
||
|
|
const app = new BricksApp(opts);
|
||
|
|
app.run();
|
||
|
|
var m = new Message({
|
||
|
|
"title": "TEst Message",
|
||
|
|
"message": "This is a test message",
|
||
|
|
"auto_open": true,
|
||
|
|
"timeout": 3
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
|
||
|
|
## 示例
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
## 参数说明
|
||
|
|
|
||
|
|
### widget.type
|
||
|
|
|
||
|
|
控件的类型.(控件有多种类型,如:Form,Image...等等)
|
||
|
|
|
||
|
|
### widget.options参数说明
|
||
|
|
|
||
|
|
| 参数 | 说明 | 类型 | 是否必填 | 可选值 | 默认值 |
|
||
|
|
| --------- | -------------------- | ------- | -------- | ---------- | ------ |
|
||
|
|
| idField | 当前节点的唯一标识 | String | 是 | --- | --- |
|
||
|
|
| textField | 当前节点的label | String | 是 | --- | --- |
|
||
|
|
| is_leaf | 是否可以展开 | Boolean | 否 | true/false | --- |
|
||
|
|
| data | 文件夹具体信息的集合 | Array | 否 | --- | --- |
|
||
|
|
|
||
|
|
#### options.data参数说明
|
||
|
|
|
||
|
|
options.data参数的key必须和widget.options参数的value一致,比如widget.options.idField="id",那么options.data参数的key就是"options.data.id" .另外多了一个children参数,是对象形式,参数与options.data的参数保持一致.
|
||
|
|
|
||
|
|
注意:**如果想下写一级目录,就添加children参数对象**
|
||
|
|
|
||
|
|
## 事件
|
||
|
|
|
||
|
|
none
|