Easyui 中dialog使用时要注意的地方

最新推荐文章于 2024-04-11 16:55:56 发布
最新推荐文章于 2024-04-11 16:55:56 发布
阅读量396 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： dialog href easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pjjwpc/article/details/9180667
本文介绍了在使用EasyUI框架中的Dialog组件时需要注意的两点：一是href属性指向的页面中的脚本和样式需放置于body标签内；二是被加载页面中的元素ID不能与当前页面重复，否则将导致元素失效。

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

刚开始使用EasyUi 遇到很多问题 今天在使用dialog的时候遇到两个非常值得像我这样的新手注意的地方

第一个是dialog href属性（应该是属性吧API里没看到） 在连接到其他页面时 被引用页面的脚本样式等要放在body内这样才会有效

第二个是 被引用页面的标签ID如果和当前页面的ID相同那么恭喜被引用页面的标签等同于作废 

pjjwpc
关注
Easyui中dialog对话框访问执行两次href中的链接
weixin_39620206的博客
06-21 1024
在使用Easyui的dialog时，若要使用以下JavaScript代码来创建dialog对话框，会访问两次“record.jhtml”链接。<div id="dd">Dialog Content.</div>$('#dd').dialog({ title: 'My Dialog', width: 400, height: 200, closed: ...
jquery easyui dialog 在iframe 标记的使用。可在dialog 里打开一个页面
wangliqiang1014的专栏
10-13 6841
jquery easyui dialog可以两种方式使用
easyui的dialog刷新href。。。
dongying1751的博客
06-20 3975
需要用到dialog刷新操作。使用href~~~ 两种不同的方式一样的结果。
easyui 的dialog 的href加载，子页面的document ready事件无效！
LinuxCard的专栏
10-01 4300
http://www.easyui.info/archives/343.html 所以，最好的方法就是放在onload事件中进行初始化操作，然而，这样，代码就就比较乱了，B页面的初始化代码放在了A页面 结论归纳： 分析到这里基本就清晰了，所以，最后href目标页面中的javascript脚本的注意事项有以下几点： script标签必须放在body内 script标
easyui dialog的用法
whaleluo的博客
12-20 1万+
  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic Dialog - jQuery EasyUI Demo</title> <link rel="stylesheet" typ
jQuery前端框架easyui使用Dialog时bug处理
10-25
首先，要理解Dialog组件在easyui中的基本使用方法。easyui的Dialog组件用于创建模态对话框，可以用来包含各种表单元素、信息展示，甚至是工具栏。在定义Dialog时，可以通过配置不同的属性来达到预期的效果，比如设置...
Easyui通过Dialog打印.rar
12-21
接下来，我们要把DataGrid的数据填充到Dialog中。DataGrid是EasyUI中的一个表格组件，它可以展示大量数据并支持分页、排序等功能。我们可以通过以下方式初始化DataGrid： ```javascript $("#dataGrid").datagrid({ ...
Easyui使用Dialog行内按钮布局的实例
08-29
在Dialog控件中，我们使用了Easyui的Textbox控件和Combobox控件来实现输入和选择功能。Textbox控件可以用于输入文本，而Combobox控件可以用于选择多个选项。我们还使用了Easyui的Linkbutton控件来实现添加按钮的功能...
Jquery Easyui对话框组件Dialog使用详解（14）
10-20
通过 JavaScript 脚本调用加载时，需要先定义好对话框内容的 HTML 结构，然后在脚本中使用 jQuery 的 `.dialog()` 方法激活对话框。 ```html 弹出框内容 ``` ```javascript $(function(){ $('#box').dialog({ ...
jquery easyui的dialog href的参数传递问题
热门推荐
gb83421185的博客
06-18 1万+
/*新增表单*/     function newForm(){         $('#dlg').dialog({                 title: '用户维护-添加数据',               top:100,             width: 650,             height: 450,                 closed:
浅谈 easyui tabs 的href和content属性
yijianzhi77的博客
03-12 293
上篇 下篇 浅谈 easyui tabs 的href和content属性 2012年02月17日 ⁄ tabs ⁄ 共 3211字 ⁄ 评论数 50 ⁄ 被围观 96,953 views+ ...
easyui dialog的一个小坑
IT技术分享社区
01-26 699
问题描述：1、html     Dialog Content.  2、js$("#dig").css("display", "block");$('#dig').dialog({        title: "title",        width: 680,              closed: false,        cache: false,        modal: true,
第二讲 EasyUI控件dialog的使用
wuyongde0922的专栏
01-05 997
首先介绍，在jsp种实用EasyUI的组件，必须引入相应的js文件，将EasyUI的js文件拷贝到项目中，在使用的页面引入相应的js文件。 需要引入五个基本的js文件和css样式文件 顺序是这样的 首先引入： 因为他是基于jquery的，所以这个必须引入，而且是第一个引入，浏览器加载的时候首先加载到它。 其次引入： 然后是国际化文件，中文的
easyUI之dialog控件和form控件的使用
最新发布
m0_60666841的博客
04-11 1272
在book.js中增加一列来放操作，在操作列的每一行放入单元格放修改的a标签代码如下：field : ‘操作’,title : ‘操作’,return ‘效果如下：一，dialog（对话框窗口）控件的使用在userManage.jap中添加如下代码为修改添加点击事件：当点击人员信息维护时对话框窗口会自动弹出，因此添加closed属性为true，默认为关闭closed：定义是否可以关闭的窗口同时在book.js中写如下方法，实现当点击修改时弹出对话框窗口。
easyui dialog 中打开地图
banshurenliyaping的博客
11-24 3011
首先：使用href属性，加载html页面，页面中地图打开失败。 经过测试，如果easyui dialog的地址属性用href超链接，easyui 不会加载整个url页面，只会截取url目标页的body体间的html。 easyui官网上关于href属性的说明是： 属性href，类型string，一个URL，用它加载远程数据并且显示咋面板（panel）里。请注意，除非面板（panel）打开，否则内容不会被加载。这对创建一个惰性加载的面板（panel）很有用。 然后:使用content属性，地图打开成功
关于dialog的href问题的第三种解决方案（增删改查）
陌子曦的专栏
08-18 3904
第三种方案（较好） 第一步 第二步   第三步 var editingId; var method = null; 增加数据 function append(){ method = "add"; userid = 0; $('#dd').dialog('close'); $('#dd').dialog('setTitle',''); var
easyui-dialog加载两遍
komi的博客
12-19 3512
如何解决easyui-dialog动态加载时，会出现加载两遍，重复加载的情况。
使用easyUI，多ID重复问题
灵感源于分享的博客
06-17 3011
背景：使用easyUI作为前端框架时，页面id重复，会导致，该页面不显示。 解决方案：easyUI本身已经提供了解决方案，就是在打开新页面时，先通过代码，将上一个界面删除，具体代码如下： $('body>div.menu-top').menu('destroy'); $('body>div.window>div.window-body').window('destroy');
使用Easyui实现DataGrid内容在Dialog中的打印功能
在Easyui框架中，可以通过编程方式将DataGrid的内容复制到Dialog中，然后通过Dialog提供的打印功能或使用JavaScript的window.print()方法来实现打印。 5. 实现步骤： a. 创建HTML结构，包括DataGrid和Dialog的容器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值