单选组 KLRadioGroup

基本形式

<kl-radio-group source={source} value={value} on-select={console.log($event)} />

var component = new NEKUI.Component({
    template: template,
    data: {
        source: [
            {name: '一般贸易', id: 1},
            {name: '海淘', id: 2},
            {name: '直邮', id: 3},
            {name: '保税', id: 4}
        ],
        value: 2
    }
});

远程数据

<kl-radio-group service={@(this.service)} value={value}/>

var component = new NEKUI.Component({
    template: template,
    service: {
        getList: function(params, success) {
            NEKUI.ajax.request({
                url: '/data/KLRadioGroup.json',
                method: 'get',
                type: 'json',
                data: params,
                success: success
            });
        }
    },
    data: {
        value: 4
    }
});

多行

<kl-radio-group source={source} value={value} block />

var component = new NEKUI.Component({
    template: template,
    data: {
        source: [
            {name: '一般贸易', id: 1},
            {name: '海淘', id: 2},
            {name: '直邮', id: 3},
            {name: '保税', id: 4}
        ],
        value: 2
    }
});

数据绑定

<kl-radio-group source={source} value={value} selected={selected} />
<div>value: {value}</div>
<div>selected: {selected ? JSON.stringify(selected) : ''}</div>

var component = new NEKUI.Component({
    template: template,
    data: {
        source: [
            {name: '一般贸易', id: 11},
            {name: '海淘', id: 22},
            {name: '直邮', id: 33},
            {name: '保税', id: 44}
        ],
        value: 3
    }
});

表单项

<kl-form>
    <kl-form-item title="跨境方式" tip="跨境方式">
        <kl-radio-group source={source} value={value}/>
    </kl-form-item>
</kl-form>

var component = new NEKUI.Component({
    template: template,
    data: {
        source: [
            {name: '一般贸易', id: 1},
            {name: '海淘', id: 2},
            {name: '直邮', id: 3},
            {name: '保税', id: 4}
        ],
        value: 1
    }
});

禁用组件

<kl-radio-group source={source} disabled />

var component = new NEKUI.Component({
    template: template,
    data: {
        source: [
            {name: '一般贸易', id: 1},
            {name: '海淘', id: 2},
            {name: '直邮', id: 3},
            {name: '保税', id: 4}
        ]
    }
});

API

KLRadioGroup

KLRadioGroup

select 选择某一项时触发Event