actionsheet（操作表）

actionsheet一般从底部弹出，显示一系列可供用户选择的操作按钮； actionsheet是从popover控件基础上演变而来，实际上就是一个固定从底部弹出的popover，故DOM结构和popove类似，只是需要在含.mui-popover类的节点上增加.mui-popover-bottom、.mui-popover-action类；

  1. <div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action ">
  2.     <!-- 可选择菜单 -->
  3.     <ul class="mui-table-view">
  4.       <li class="mui-table-view-cell">
  5.         <a href="#">菜单1</a>
  6.       </li>
  7.       <li class="mui-table-view-cell">
  8.         <a href="#">菜单2</a>
  9.       </li>
  10.     </ul>
  11.     <!-- 取消菜单 -->
  12.     <ul class="mui-table-view">
  13.       <li class="mui-table-view-cell">
  14.         <a href="#sheet1"><b>取消</b></a>
  15.       </li>
  16.     </ul>
  17. </div>

和popover一样，推荐使用锚点方式显示、隐藏actionsheet；若要使用js代码动态显示、隐藏actionsheet，同样在popover插件的构造方法中传入”toggle”参数即可，如下：

  1. //传入toggle参数，用户无需关心当前是显示还是隐藏状态，mui会自动识别处理；
  2. mui('#sheet1').popover('toggle');

扩展阅读

问答社区话题讨论： actionsheet

代码块激活字符:

mactionsheet