popover

简介

popover控件可以弹出一个浮动层来显示更多的附加信息。


使用方法

2.1创建弹出消息EAS8.0+
$("body").append("<p id='p001'><a id='linkButton001' class=\"btn\" >右侧Popover</a></p>");
waf("#linkButton001").wafPopover({
    title: '标题',
    content: '内容',
    placement:'right',
    container:'#p001'
});
2.2方法使用EAS8.0+
//调用方法
waf("#id").wafPopover("method", parameter...);
//eg:方法调用
waf("#id").wafPopover("getContent");
waf("#id").wafPopover("setContent","显示提示信息");

属性说明

animation Boolean 缺省值: true EAS8.0+

定义弹出框的动画效果

placement String 缺省值: “right” EAS8.0+

设置弹出层的位置和大小

title string 缺省值: “” EAS8.0+

定义弹出层的标题

delay Boolean 缺省值: 0 EAS8.0+

定义弹出框弹出是否有延迟

trigger string 缺省值: “click” EAS8.0+

定义浮动弹出窗口触发方式

content string 缺省值: “” EAS8.0+

定义弹出框的显示内容

html Boolean 缺省值: false EAS8.0+

弹出框内容是否使用HTML

container Object 缺省值: $(“body”) EAS8.0+

向指定元素追加提示工具


方法说明

getContent 参数: (无) 返回值类型: (String) EAS8.0+

获取弹出框的内容

  • 参数说明: 无
  • 返回值说明: 无

setContent 参数: (value) 返回值类型: (undefined) EAS8.0+

设置弹出框的显示内容

  • 参数说明:
        - value: 可以是具体字符串或值
  • 返回值说明: 无

hasContent 参数: (无) 返回值类型: (String) EAS8.0+

显示弹出提示框的值

  • 参数说明: 无
  • 返回值说明: 无

样例集合

  1. 基本用法