jquery-easyui学习(1)

最新推荐文章于 2019-01-12 14:37:58 发布

mym43210

最新推荐文章于 2019-01-12 14:37:58 发布

阅读量656

点赞数

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

本文链接：https://blog.csdn.net/mym43210/article/details/40512063

版权

easyui 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.ext与easyui的区别

ext开发起来，代码量非常大，非常消耗浏览器内存。

2.页面加载完，执行里面的代码

 $(function(){
	    
	    })

3.更改jsp页面字符集

4.spket-1.6.18.jar jdk版本较高双击就可以运行 32位的jdk才能运行spket

5.顺序不要弄反了因为easyui是基于jquery的

        <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />
	<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css" />
	<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js"></script>

6.实际上是一个div 不像alert产生一个阻塞式的

         alert(11);
	 $.messager.alert('提示信息','我是信息内容!');
	 alert(11);

7.jquery全局对象就是这个$符号

$.messager.alert('提示信息','我是信息内容!');

$.messager.prompt('提示信息' , '请输入内容:' ,function(val){
					  alert(val);
				  });

当没有输入选择否的时候弹出的是一个 undefined

9.

1.html方式 class是以easyui-*的形式

<div id="mypanel" class="easyui-panel" minimizable=true  maximizable=true collapsible=true closable="true"  
    	 title="我的panel" iconCls="icon-add" style="width:300px;height:300px" >
    		我是panel的内容
    	</div>

*布尔值 true或者是false 不用打双引号 json里面也是这样

2.js方式 jquery选择器.名称 .panel就是创建一个面板 .window就是创建一个window窗口

$('#mypanel').panel({
							width:600 ,
							height:300 ,
							iconCls: 'icon-edit' ,
							collapsible: true ,
							closable : true ,
							content: '我是面板的内容'
					});

10 window组件继承至panel 如果window组件的默认属性与panel相同那么api就不会显示这个属性

11. .组件名('方法名') 调用组件的相应的时间这里是调用window组件的onOpen事件

	$('#btn').click(function(){
						$('#mywin').window('open');
					});

12.array就是对象数组的意思

[
							{
								text:'确定' ,
								iconCls:'icon-ok' ,
								handler : function(){
									alert('确定啦');
								}
							},
							{
								text:'取消',
								iconCls:'icon-cancel'
							}
						]

* 这就是一个对象数组