首页 / EASYUI / EasyUI配置和组件

EasyUI配置和组件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了EasyUI配置和组件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1688字，纯文字阅读大概需要3分钟。

内容图文

首先在webcontent添加配置文件

新建静态或动态网站，在title的下面加入五个配置文件路径，注意:循序不能乱

技术分享 

<!-- 顺序不可以乱 -->
<!-- 1.jQuery的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
<!-- 2.css资源 -->
<link  rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css">
<!-- 3. 图标资源 -->
<link  rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">
<!-- 4.easyui的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<!-- 5.本地语言 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>

　组件

1.窗口

messager：

alert警告消息框

confirm确认消息框

prompt 输入对话框

progress  进度消息框

show  气泡消息框

window

dialog

2.布局

panel面板


技术分享

 


layout  布局

技术分享

 

accordion手风琴

技术分享

 

tabs标签页

技术分享

动态添加标签页

首先添加按钮，

技术分享

通过标签选择器$(.easyui-linkbutton).click();获取点击事件然后进行判断，关键在this，当前点击事件，

然后通过$(this).next();获取当前点击事件的按钮上的文字，

通过$(this).attr();获取当前点击事件所要跳转的页面路径，也就是标签里的title=“”

技术分享

技术分享

 

<script type="text/javascript">

$(function(){
	//创建打开新标签页
	$(".easyui-linkbutton").click(function(){
		
		//获取组件的属性或内容
		var tab_title = $(this).text();//关键在this选择当前事件
		var tab_href = $(this).attr("title");
		//alert(tab_href);
		if($("#tt").tabs("exists",tab_title))
			{
				$("#tt").tabs("select",tab_title)
			}
		else
			{
				$("#tt").tabs(‘add‘,{
					title:tab_title,
					closable:true,
					href:tab_href
				});
			}
		
	});
	
	

})



</script>

3.表单

easyui-validatebox

技术分享

 

easyui-textbox

技术分享

 

easyui-numberbox

技术分享

 

easyui-datebox

技术分享

 

easyui-datetimebox

技术分享

 

easyui-combobox

技术分享

 

通过<select>元素创建一个预定义结构的下拉列表框。

技术分享

通过<input>标签创建下拉列表框。

技术分享

JSON的内容为下拉列表框内的文本，在webcontent下创建JSON文件夹新建.json的文件

技术分享

技术分享

 

4.表格

 

原文：http://www.cnblogs.com/liuyanzeng/p/6106836.html

内容总结

以上是互联网集市为您收集整理的EasyUI配置和组件全部内容，希望文章能够帮你解决EasyUI配置和组件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1263375.html

来源：【匿名】