Framework7 常用控件(3/4)

本篇文章主要介绍了" Framework7 常用控件"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下： 全局设置这个可以在App 初始化时，通过传递 modalTitle 参数改变标题。预定义modals的按钮文本(如 "Ok" 和 "Cancel"，通过传递 m...

myApp.actions(groups) - 创建并弹出操作表，其包含指定数量群组的按钮
或者
myApp.actions(buttons) - 创建并弹出操作表，其包含一个群组，群组包含指定数量的按钮

• groups - array. 一组群组，每个群组包含若干按钮
• buttons - array. 一组按钮，这种情况下，只有一个群组
• 这个方法返回动态创建的操作表HTML元素

//一个分组，3个按钮
$$('.ac-2').on('click', function () {
    var buttons = [
        {
            text: 'Do something',
            label: true
        },
        {
            text: 'Button1',
            bold: true
        },
        {
            text: 'Button2'
        },
        {
            text: 'Cancel',
            color: 'red'
        },
    ];
    myApp.actions(buttons);
});

//2个分组的按钮
$$('.ac-3').on('click', function () {
    var buttons1 = [
        {
            text: 'Do something',
            label: true
        },
        {
            text: 'Button1',
            bold: true
        },
        {
            text: 'Button2'
        }
    ];
    var buttons2 = [
        {
            text: 'Cancel',
            color: 'red'
        }
    ];
    var groups = [buttons1, buttons2];
    myApp.actions(groups);
});

因为不建议在手机上使用Popover，不建议在平板上使用操作表，所以我们提供了方法你可以用操作表的拓展语法在平板上自动把操作表转换成Popover：

myApp.actions(target, groups) - 创建并打开一个包含指定多组按钮的操作表（在平板电脑上是Popover）
or
myApp.actions(target, buttons) - 创建并打开一个包含指定一组按钮的操作表（在平板电脑上是Popover）