|
本帖最后由 得呤 于 2019-3-8 10:40 编辑
MNPopups 封装了一个带有指针的弹出气泡式菜单,开发者可通过制定指针位置来自定义气泡弹出位置及其方向。亦可通过 open 接口内 styles 参数 pointer 字段来指定指针在弹出气泡的位置。
本模块所弹出的菜单依附于当前主窗口,其生命周期也同当前主窗口。点击非菜单区域可以动画的形式隐藏该菜单栏。同时支持列表项的增、删、改,支持批量更新数据。
如果列表项太多而超过模块弹出气泡区域,则用户可上下滚动查看。若开发者指定的参数使气泡菜单超出当前屏幕,则模块内部会自动重新调整该气泡的布局,使其显示在当前屏幕可视区域以内。
文档链接
open
打开
- var mnPopups = api.require('MNPopups');
- mnPopups.open({
- rect: {
- w: 100,
- h: 180
- },
- position: {
- x: api.winWidth - 10,
- y: 0
- },
- styles: {
-
- },
- datas: [{
- title: '添加朋友"
- }, {
- title: '扫一扫'
- }, {
- title: '面对面快传'
- }],
- animation: true
- }, function(ret) {
- if (ret) {
- alert(JSON.stringify(ret));
- }
- });
复制代码 reloadData
刷新 MNPopups 列表数据
- var mnPopups = api.require('MNPopups');
- mnPopups.reloadData({
- datas: [{
- title: '添加群'
- }, {
- title: '发送到电脑'
- }]
- });
复制代码 deleteItem
从菜单列表中移除指定索引的数据
- var mnPopups = api.require('MNPopups');
- mnPopups.deleteItem({
- index: 1
- });
复制代码 insertItem
从菜单列表中的指定位置插入数据
- var mnPopups = api.require('MNPopups');
- mnPopups.insertItem({
- index: 1,
- data: {
- title: '创建讨论组'
- }
- });
复制代码 updateItem
更新指定分组中指定位置的数据
- var mnPopups = api.require('MNPopups');
- mnPopups.updateItem({
- index: 1,
- data: {
- title: '付款'
- }
- });
复制代码 close
关闭 MNPopups 列表视图
- var obj = api.require('MNPopups');
- obj.close();
复制代码 show
显示已隐藏的 MNPopups 列表视图
- var mnPopups = api.require('MNPopups');
- mnPopups.show();
复制代码 hide
隐藏 MNPopups 列表视图,并没有从内存里清除
- var mnPopups = api.require('MNPopups');
- mnPopups.hide();
复制代码
|
本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册
X
|