单选组 RadioGroup

示例

基本形式

<radioGroup source={source} />

var component = new RGUI.Component({
    template: template,
    data: {
        source: [
            {name: '选项1'},
            {name: '选项2'},
            {name: '选项3'},
            {name: '选项4'},
            {name: '选项5'},
            {name: '选项6'}
        ]
    }
});

禁用组件

<radioGroup source={source} disabled />

var component = new RGUI.Component({
    template: template,
    data: {
        source: [
            {name: '选项1'},
            {name: '选项2'},
            {name: '选项3'},
            {name: '选项4'},
            {name: '选项5'},
            {name: '选项6'}
        ]
    }
});

远程数据

<radioGroup service={@(this.service)} />

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

多行

<radioGroup source={source} block />

var component = new RGUI.Component({
    template: template,
    data: {
        source: [
            {name: '选项1'},
            {name: '选项2'},
            {name: '选项3'},
            {name: '选项4'},
            {name: '选项5'},
            {name: '选项6'}
        ]
    }
});

使用Radio2

<radio2Group source={source} />

var component = new RGUI.Component({
    template: template,
    data: {
        source: [
            {name: '选项1'},
            {name: '选项2'},
            {name: '选项3'},
            {name: '选项4'},
            {name: '选项5'},
            {name: '选项6'}
        ]
    }
});

API

Class

RadioGroup

继承自SourceComponent。

Options

new RadioGroup()

参数	类型	默认值	数据流向	描述
`data`	object			绑定属性
`data.source`	object[]	`[]`	outer <=> inner	数据源
`data.source[].name`	string		outer => inner	每项的内容
`data.selected`	object	`null`	outer <=> inner	当前选择项
`data.block`	boolean	`false`	outer => inner	多行显示
`data.readonly`	boolean	`false`	outer => inner	是否只读
`data.disabled`	boolean	`false`	outer => inner	是否禁用
`data.visible`	boolean	`true`	outer => inner	是否显示
`data.class`	string	`''`	outer => inner	补充class
`service`	object		outer @=> inner	数据服务

Methods

radioGroup.select(item)

选择某一项

参数	类型	默认值	描述
`item`	object		选择项
返回值	类型	描述
无返回值

Inherited Methods

@deprecated radioGroup.$updateSource()

从service中更新数据源

参数	类型	默认值
无参数
返回值	类型	描述
`this`	SourceComponent

Events

radioGroup.$on('select')

选择某一项时触发

属性	类型	描述
`sender`	object	事件发送对象
`selected`	object	当前选择项