actionSheet

actionSheet 模块提供类似原生Native的弹框效果。create(options, callback[options])，调用单选 actionSheet。

示例

<template>
      <div>
        <scroller >
            <text style="margin-bottom: 20px;" @click="createAction">action value: {{value}}</text>
        </scroller> 
    </div> 
</template>

<style>
  .input {
    font-size: 60px;
    height: 80px;
    width: 400px;
  }
</style>

<script>
  var actionSheet = Light.requireModule('actionSheet');
  var modal =Light.requireModule('modal');
  module.exports = {
    data: {
      value: '',
      index: 0,
      txtChange: ''
    },
    methods: {
      createAction: function() {
        var items = [];
        for ( var i=0; i< 3; i++) {
          var item = {};
          if(i == 0)
          {
            item = {'type':0,'message':'确认'};
          }
          if(i == 1)
          {
            item = {'type':1,'message':'取消'};
          }
          if(i == 2)
          {
            item = {'type':2,'message':'删除'};
          }
          items.push(item);
        }
        var self = this;
        actionSheet.create({
          'items':items,
          'index':self.index,
          'title':'提示',
          'message':'欢迎使用jsnative'
        },function (ret) {
          var result = ret.result;
          if(result == 'success')
          {
            self.value = ret.data.message;
            self.index = ret.data.index;
            modal.toast({ message: JSON.stringify(ret)});
            console.log("actionSheet="+JSON.stringify(ret));
          }
        });

      }
    }
  }
</script>

参数

• options {Object}：调用单选 ActionSheet 选项

• title {string}：ActionSheet 名称

• message {string}：ActionSheet 提示内容

• items {array}：ActionSheet 数据源

  • message {string}：提示内容
  • type {number}：button类型，0:普通类型，1：取消类型，2：警告类型，当type为1的时候，默认在最下面，与其他的分开，最多只能有一个type为1的类型

• callback {function (ret)}：执行完读取操作后的回调函数。ret {Object} 为 callback 函数的参数，有两个属性：

• result {string}：结果三种类型 success，cancel，error

• data {Object}：选择的结果

• index {number}：选中的项

• message：选中的内容