jquery-easyui学习(2)_easyloader

最新推荐文章于 2025-08-07 13:10:29 发布

mym43210

最新推荐文章于 2025-08-07 13:10:29 发布

阅读量694

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui 文章标签： easyui

本文链接：https://blog.youkuaiyun.com/mym43210/article/details/41171405

easyui 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何使用EasyUI动态加载组件，并通过示例展示了如何加载不同的模块来创建窗口。此外，还解释了如何利用jQuery的自动加载功能简化窗口组件的创建过程。

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

当把这3个文件注掉 window组件将无法显示出来

<!-- 
<span style="white-space:pre">	</span><link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />
<span style="white-space:pre">	</span><link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css" />
<span style="white-space:pre">	</span><script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>
<span style="white-space:pre">	</span> -->

这是easyui的动态加载组件想加载什么模块手动指定

easyloader.load(['window','messager'],function(){
						$('#mydiv').window({
							title:'我的窗口' ,
							width:400 , 
							height:300
						});
						$.messager.alert('提示信息' , '内容' , 'error');
				});

从上图可以看出 panel组件也加入进来了因为window组件以来panel组件

<div id="mydiv2" class="easyui-window" title="窗口2" style="width:300px;height:300px;" ></div>

以html方式创建window组件不用手动load 也可以出现window窗口

因为有个jquery.parser.js 文件他会扫描 jsp中以easyui-*的形式的class属性如果符合要求就会引入相应模块的js

(function(){alert(1111)})()

*快捷作用域方法不用调用会自动执行

*这种动态加载组件不推荐使用 easyui不像extjs 有200多m 只有1m 没有什么效率问题