easyUI动态弹出Dialog

本文介绍如何使用EasyUI框架中的Dialog组件,并实现其默认隐藏及通过按钮触发显示的功能。文章详细展示了HTML结构与JavaScript代码的结合使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文档不全真的很要命!
不多说,上干货
需要实现的效果是点击某按钮时弹出Dialog,默认隐藏
先在页面写一个easyui-dialog
代码如下

 <div id="dd" class="easyui-dialog" title="My Dialog" style="width: 400px; height: 100px;text-align:center"
            data-options="iconCls:'icon-save',resizable:true,modal:false,closed:true"  >
            微信公众号名称:<input id="name" value="test"/>
        </div>

别的属性可以不论,closed:true一定要写上,感觉这个属性应该是说能否关闭

然后是js

$(function () {
            $('#dd').dialog('close');
 })

本段代码在页面加载时执行,关闭dialog

接下来在事件响应代码中加上这一句

 $('#dd').dialog('open');
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值