magix-components/tmpl/mx-linkage/__test__/index.html

magix组件

<h2>mx-linkage</h2>
<h3>默认情形</h3>
<div class="pt20 clearfix">
    <mx-linkage
        list="<%@list%>"
        splitter='-'
        headers="<%@headers%>"
        placeholder="请选择省市区"
        mx-change="showValue()" />
</div>

<div class="pt20">
    <div>HTML Code:</div>
    <pre>&lt;mx-linkage
    list="&lt;%@list%&gt;"
    splitter='-'
    headers="&lt;%@headers%&gt;"
    placeholder="请选择省市区" /&gt;</pre>
    <div class="pt10">Javascript Code:</div>
    <pre>let Magix = require('magix');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    render() {
        let me = this;
        me.updater.digest({
            headers: ['省份', '城市', '地区'],
            list: [{
                id: 1,
                text: '浙江省'
            }, {
                id: 2,
                text: '河南省'
            }, {
                id: 3,
                text: '杭州市',
                pId: 1
            }, {
                id: 4,
                text: '周口市',
                pId: 2
            }, {
                id: 5,
                text: '安徽省'
            }, {
                id: 6,
                text: '新疆维吾尔自治区'
            }, {
                id: 7,
                pId: 3,
                text: '余杭区'
            }, {
                id: 8,
                text: '湖州市',
                pId: 1
            }, {
                id: 9,
                text: '长吉县',
                pId: 8
            }]
        });
    }
});</pre>
</div>
<h3 class="mt30">禁用</h3>
<div class="pt20 clearfix">
    <mx-linkage
        list="<%@list%>"
        selected="1,3"
        splitter='-'
        headers="<%@headers%>"
        placeholder="请选择分类"
        disabled="true"
        mx-change="showValue()" />
</div>

<div class="pt20">
    <div>HTML Code:</div>
    <pre>&lt;mx-linkage
    list="&lt;%@list%&gt;"
    selected="1,3"
    splitter='-'
    headers="&lt;%@headers%&gt;"
    disabled="true"
    placeholder="请选择分类" /&gt;</pre>
</div>