Radio Actionsheet
# radioActionsheet Single Selection Popup
# Parameters
| Property | Type | Default | Options | Description |
|---|---|---|---|---|
| options | Array | [] | -- | Selection items |
# Callbacks
| Property | Type | Description |
|---|---|---|
| success | Function | Returns after clicking selection item |
# Example Code
<view>
<button bindtap="onTap">Click Me</button>
<dialog-center></dialog-center>
</view>
import dialogSet from "../../../package/fxui/DialogCenter/DialogSet";
Page({
/**
* Page initial data
*/
data: {
options: {
// show: true,
title: "Fxiaoke",
subtitle: "fxiaoke",
options: [
{
label: '2',
subtitle: 'subtitle',
subStyle: 'color: red;'
},
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' },
{ label: '2' }
],
success(res) {
console.log(res);
}
}
},
onTap() {
const _self = this;
dialogSet.actionsheet.show(_self.data.options);
},
/**
* Lifecycle function--Called when page load
*/
onLoad: function (options) {
},
/**
* Lifecycle function--Called when page is initially rendered
*/
onReady: function () {
},
/**
* Lifecycle function--Called when page is displayed
*/
onShow: function () {
},
/**
* Lifecycle function--Called when page is hidden
*/
onHide: function () {
},
/**
* Lifecycle function--Called when page is unloaded
*/
onUnload: function () {
},
/**
* Page event handler--Called when user pulls down
*/
onPullDownRefresh: function () {
},
/**
* Called when page reaches bottom
*/
onReachBottom: function () {
},
/**
* User clicks top-right share button
*/
onShareAppMessage: function () {
}
})
{
"usingComponents": {
"dialog-center": "../../../package/fxui/DialogCenter/DialogCenter"
}
}