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

EasyUI是基于jQuery的UI插件集合,提供丰富的前端控件如accordion、datagrid等,支持HTML5和多种themes。本文介绍了EasyUI的特性、应用场景,并详细讲解了如何在EasyUI中获取图片路径,以及在布局、Accordion、LinkButton等方面的应用。
摘要由CSDN通过智能技术生成

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");});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值