返回介绍

操作表

发布于 2017-06-12 11:03:41 字数 1473 浏览 1676 评论 0 收藏 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);
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文