关于popup的使用方法

2020-11-27 18:13

32 0 2

首先,利用popup控件放置内容;设置popup的id。

 <popup id="import" height="200px" width="400px">
              <datalist entity="ZCZC010QY04" id="detailList1" hflex="1" vflex="1" showTitle="false" durable="true" showPanel="true" pageSize="20" sizedByContent="true" span="true" type="detail" editableColumns="belong_id"/>
 </popup>

其次,将popup放在想实现的控件上,例如button、label等控件。

 <button id="fj" label="上传附件" popup="import" />

 <label value="申请人必备材料"  popup="import" />

最后,就可以在前段页面查询效果啦!

 

popup的使用有以下几种方法:

1.点击弹出popup窗口

效果图:

代码:

 <button id="baocun" label="提交"  iconSclass="z-icon-save" popup="popup1" />
          <popup id="popup1">
            <label value="*提交后重要属性变更请发起“资产增减变动申请”" style="color:red"/>
          </popup>

 

 

2.鼠标停留弹出popup窗口

在使用的控件中添加  tooltip="import,after_start"

效果图:

代码:

  <button id="fj" label="上传附件" popup="import"  tooltip="import,after_start"/>
         <popup id="import" height="200px" width="400px">
              <datalist entity="ZCZC010QY04" id="detailList1" hflex="1" vflex="1" showTitle="false" durable="true" showPanel="true" pageSize="20" sizedByContent="true" span="true" type="detail" editableColumns="belong_id"/>
        </popup>

还可以输入500个字
表情
Ctrl+Enter
全部评论(0)
最新/最热

TiAmo

用户暂未设置地址信息 |

关注
私信
最新资讯
写私信×
TiAmo
还可以输入500个字