码迷,mamicode.com
首页 > 其他好文 > 详细

Framework7学习笔记之 操作表(动作组)

时间:2018-02-21 23:00:10      阅读:1045      评论:0      收藏:0      [点我收藏+]

标签:fun   can   color   click   framework   不同   ram   cancel   text   

 

一:操作表

    操作表其实是一组按钮,从屏幕底部弹出,点击不同按钮执行不同响应函数。

 

二:旧版:在js文件中定义并显示操作表

$$(‘选择器‘).on(‘click‘, function () {
    var buttons = [//创建按钮组
        {
            text: ‘按钮1‘,
            onClick: function () {
                响应函数
            }
        },
        {
            text: ‘按钮2‘,
            onClick: function () {
                响应函数
            }
        },
        {
            text: ‘按钮3‘,
            onClick: function () {
               响应函数
            }
        },
    ];
    myApp.actions(buttons);//弹出按钮组(操作表)
});   

 

三:新版:在js中创建好操作表,在页面元素的点击事件中显示操作表

//创建操作表
var ac5 = app.actions.create({
  buttons: [
    {
      text: ‘Button1‘,
      onClick: function () {
        app.dialog.alert(‘Button1 clicked‘)
      }
    },
    {
      text: ‘Button2‘,
      onClick: function () {
        app.dialog.alert(‘Button2 clicked‘)
      }
    },
    {
      text: ‘Cancel‘,
      color: ‘red‘,
      onClick: function () {
        app.dialog.alert(‘Cancel clicked‘)
      }
    },
  ]
});

//显示操作表
$$(‘.ac-5‘).on(‘click‘, function () {
    ac5.open();
});

 

Framework7学习笔记之 操作表(动作组)

标签:fun   can   color   click   framework   不同   ram   cancel   text   

原文地址:https://www.cnblogs.com/ygj0930/p/8457606.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!