操作表 - SUI 移动开发UI库

返回介绍

操作表

发布于 2017-06-12 字数1580 浏览 1321 评论 0

操作表可以让用户从多个可选的操作中选择一个

操作表

$.actions(buttons) – 创建并弹出一个操作表

  • buttons – 显示的几个按钮,你也可以把按钮分组

你可以通过 color: "danger" 来指定按钮的文案为红色或者通过 bg: "danger" 来指定按钮的背景为红色

<header class="bar bar-nav">
  <h1 class="title">操作表</h1>
</header>
<div class="content">
<div class="content-block">
  <!-- In data-popup attribute we specify CSS selector of popup we need to open -->
  <p><a href="#" class="create-actions">选择操作</a></p>
</div>
</div>
$(document).on('click','.create-actions', function () {
  var buttons1 = [
    {
      text: '请选择',
      label: true
    },
    {
      text: '卖出',
      bold: true,
      color: 'danger',
      onClick: function() {
        $.alert("你选择了“卖出“");
      }
    },
    {
      text: '买入',
      onClick: function() {
        $.alert("你选择了“买入“");
      }
    }
  ];
  var buttons2 = [
    {
      text: '取消',
      bg: 'danger'
    }
  ];
  var groups = [buttons1, buttons2];
  $.actions(groups);
});

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!