ui.Cascader

返回一个级联选择器。

函数	返回值
ui.Cascader(placeholder, content, value, onChange, disabled, style)	Object

参数	类型	说明
placeholder	String	默认显示的文本
content	Array	级联菜单的内容
value	Array	当前选择值
onChange	Function	选择不同值时触发的方法
disabled	Boolean	下拉列表是否可用
style	Object	组件的样式

---

setPlaceholder

设置默认显示的文本。

函数	返回值
setPlaceholder(placeholder)	ui.Cascader

参数	类型	说明
placeholder	String	默认显示的文本

---

getPlaceholder

返回默认显示的文本。

函数	返回值
getPlaceholder()	String

---

setContent

设置级联菜单的内容。

函数	返回值
setContent(content)	ui.Cascader

参数	类型	说明
content	Array	级联菜单的内容

---

getContent

返回级联菜单的内容。

函数	返回值
getContent()	Array

---

setValue

设置当前选择值。

函数	返回值
setValue(value)	ui.Cascader

参数	类型	说明
value	Array	当前选择值。

---

getValue

返回当前选择值。

函数	返回值
getValue()	Array

---

setDisabled

设置级联选择是否可用。

函数	返回值
setDisabled(disabled)	ui.Cascader

参数	类型	说明
disabled	Boolean	级联选择是否可用

---

getDisabled

返回级联选择是否可用。

函数	返回值
getDisabled()	Boolean

---

setStyle

设置Cascader样式。

函数	返回值
setStyle(style)	ui.Cascader

参数	类型	说明
style	Object	Cascader样式

---

getStyle

返回Cascader样式。

函数	返回值
getStyle()	Object

---

OnChange

点击级联选择回调方法。

函数	返回值
onChange(callback)	Object

参数	类型	说明
callback	Function	点击级联选择回调方法

/**
 * @File    :   ui.Cascader
 * @Time    :   2021/3/23
 * @Author  :   piesat
 * @Version :   1.0
 * @Contact :   400-890-0662
 * @License :   (C)Copyright 航天宏图信息技术股份有限公司
 * @Desc    :   级联选择菜单组件示例
 */
function funCascader(value, selectData) {
    // print(value);
    // print(selectData);
    var text = selectData.map((o) => o.label).join(",");
    print(text);
}
var cascader = ui.Cascader({
    placeholder: "请选择",
    content: [
        {
            value: "landsat",
            label: "Landsat",
            children: [
                {
                    value: "l5",
                    label: "Landsat 5",
                },
                {
                    value: "l7",
                    label: "Landsat 7",
                },
                {
                    value: "l8",
                    label: "Landsat 8",
                },
            ],
        },
        {
            value: "china",
            label: "中国",
            children: [
                 {
                    value: "hebei",
                    label: "河北",
                    children: [
                        {
                            value: "shijiazhuang",
                            label: "石家庄",
                        },
                    ],
                },
            ],
        },
    ],
    value: ["china"],
    onChange: funCascader,
});
Map.addUI(cascader);