bricks/docs/cn/widgets/message.md
2024-05-11 17:58:28 +08:00

3.1 KiB

Message

用法

<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