Selection

下拉框

组件:


功能:

代码示例:

    // 创建
    var selectionSetting = {
        placeholder: '请选择', // 提示文字
        selectValue : 1,  // 默认选中值
        nameField: 'name', // name对应属性
        valueField: 'value', // value对应属性
        dataSource: [{name: '选项1', value: 1}, {name: '选项2', value: 2}, {name: '选项3', value: 3}]  // 选项
    };
    $selection = draw.tools.selection($('#selectionTest'), selectionSetting);
    $selection2 = draw.tools.selection($('#selectionTest2'), selectionSetting);

    // 获取选中值
    $selection.selection('getSelected');

    // 禁用
    $selection.selection('disable');

    // 启用
    $selection.selection('enable');

    // 改变选中值
    $selection.selection('select', {value: '1'});

    // 选项改变,可用于联动
    $selection.selection('onValueChange', function () {
        var aaa = $selection.selection('value');
        $selection2.selection('select', {value: aaa});
    });