easyui获取图片路径_easy ui(easyui是什么框架)

easyui

jQueryEasyUI是一组根据jQuery的UI插件集合体，而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰厚并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css款式有深入的了解，开发者需要了解的只要一些简单的html标签。

jQueryEasyUI为供给了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。

jQueryEasyUI是根据JQuery的一个前台ui界面的插件，功能相对没extjs强壮，但页面也是适当好看的，一起页面支撑各种themes以满意使用者关于页面不同风格的喜爱。一些功能也足够开发者使用，相关于extjs更轻量。

jQueryEasyUI有以下特点：

1、根据jquery用户界面插件的集合

2、为一些当前用于交互的js应用供给必要的功能

3、EasyUI支撑两种渲染方法分别为javascript方法(如：$('#p').panel({...}))和html符号方法(如：class="easyui-panel")

4、支撑HTML5(经过data-options特点)

5、开发产品时可节省时间和资源

6、简略，但很强壮

7、支撑扩展，可根据自己的需求扩展控件

8、各项缺乏正以版本递增的方法不断完善

easy

EasyUI准备工作(搭建)

1.在WebRoot的目录下创立js文件夹，在文件夹中倒入一下两个包

Jquery.easyui.min.js

jquery.min.js

2.在WebRoot的目录下仿制整个themes主题包

3.引进css文件，不限次序(注意路径：本jsp是放在webroot下的html文件夹的根目录)

4.引进js文件，有次序限制

5.比如及注意事项

easyui获取值得办法(与一般的jquery不一样)

取：$("#div的id").组件名("getValue")

设值：$("#div的id").组件名("setValue","设值的值")

组件：

一.layout布局

布局特点：fit:trrue运用父容器的巨细

区域面板特点：href:

问题

(直接加载图片的话，是加载图片的内容)

解决方案：换成倒入一个html页面(期内容便是一张图片)，用了绝对路径，相对路径有问题，图片显现不出来

easyui办法调用

二.Accordion分类器

容器特点：

selected:默认选中0，假如不想显现被选中，则把selected的值设置为不在范围内

面板特点：(增加移除面板)

三．LinkButton按钮

Class=’easyui-linkbutton’

特点group,toggle同用实现radio的作用

四.tab选项卡

1.能够判断选项卡是否现已翻开，不然增加

2.在选项卡中引进另外一个页面，用href特点

五．Pagination分页栏

六form表单

1.validatebox验证框

提示框默认赤色，能够在validatebox.css这把颜色修正

自定义规则(有必要为中文)

2.combobx组合框(能够写，有点相似搜索)

classs=''easy-combobox"

3.datebox日期输入框

日期获取并且装换为指定的格式

4.numberspinner数字微调器(回车键触发事情)

$("#ss").keyup(function(xxx){//将浏览器产生的事情对象设置到myevent变量中varmyevent=xxx;//获取按键的unicode编码varcode=myevent.keyCode;//假如按钮是回车if(code==13){//获取数字微调的当时值，由于$(this)此刻表示的是文本框，直接获取value特点值即可varvalue=$(this).val();//将当时值设置到span标签中$("#num").text(value).css("color","red");

}

});script>

5.slider滑动条(场景：身高)

比较少用，假如想快速改变数量，可用这个替代numberspinner

6.progressBar进度条

//获取1到9之间的随机数，包括1和9functiongetNum(){returnMath.floor(Math.random()*9)+1;

}script>

//定拉按钮，一起供给单击事情

$("#startID").click(function(){

//每隔300毫秒履行update办法

timeID=window.setInterval("update()",300);

//按钮失效

$(this).attr("disabled","disabled");

});

7.window窗口

8.dialog对话框

主要是toolbar,buttons,毕业设计管理员端用的便是dialog

9.Messager消息框

正告框，确认框，输入框，显现框

10.tree树

假如是静态树，在页面加载是折叠的话，$("#数id").tree("collapseAll")

若是动态树，折叠需要在json里增加特点"state":"close"

一.jQueryEasyUIMessager根本运用

jQuery.messager.alert("提示","请完成必填项","warning");

参考：http://www.cnblogs.com/libingql/archive/2011/07/17/2109020.html

//定拉按钮，一起供给单击事情$("#startID").click(function(){//每隔300毫秒履行update办法timeID=window.setInterval("update()",300);//按钮失效$(this).attr("disabled","disabled");});