dropdown（下拉框）

异步渲染组件的选项

{{value}}

        
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link type="text/css" rel="stylesheet" href="../style/avalon.doc.css"/>
    <script src="../avalon.js"></script>
    <script type="text/javascript">
        require(['dropdown/avalon.dropdown.js'], function() {
            avalon.ready(function() {
                var dropdownVm = avalon.define('dropdown', function(vm) {
                    vm.value = '';
                });

                avalon.scan();

                setTimeout(function() {
                    avalon.vmodels.xxx.source = [
                        {
                            value: '1',
                            label: '1'
                        }, {
                            value: '2',
                            label: '2'
                        }, {
                            label: 'group1',
                            options: [
                                {
                                    value: 'false',
                                    label: 'false'
                                },
                                {
                                    value: 'null',
                                    label: 'null'
                                }
                            ]
                        }, {
                            label: 'group2',
                            options: [
                                {
                                    value: 'disabled',
                                    label: 'disabled',
                                    enable: false
                                }
                            ]
                        }
                    ]
                }, 1000)
            });
        });
    </script>
    <script src="../highlight/shCore.js"></script>
</head>
<body>
<div class="wrapper">
    <div ms-controller="dropdown">
        <h2>dropdown（下拉框）</h2>
        <p>异步渲染组件的选项</p>
        <select ms-widget="dropdown,xxx,opts"
                ms-duplex="value">
        </select>
        <p>{{value}}</p>
    </div>
</div>
</body>
</html>