EasyUI的其余五种用法

最新推荐文章于 2022-05-06 10:43:34 发布

XING_Gou

最新推荐文章于 2022-05-06 10:43:34 发布

阅读量451

点赞数

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

本文链接：https://blog.csdn.net/XING_Gou/article/details/104904698

版权

之前给大家讲到EasyUI的特性以及它的7种使用方法，什么是EasyUI，如何使用EasyUI？–easyui的十二种用法(点击进入)
在这里再给大家总结了其余五种，如此筹齐了12之数

面板

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>EasyUI-8-面板</title>
<script type="text/javascript"
	src="/js/jquery-easyui-1.4.1/jquery.min.js"></script>
<script type="text/javascript"
	src="/js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="/js/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css"
	href="/js/jquery-easyui-1.4.1/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="/js/jquery-easyui-1.4.1/themes/default/easyui.css" />
<script type="text/javascript">
</script>
</head>
	<!--定义一个面板  -->
	<div id="p" class="easyui-panel" title="My Panel"     
        style="width:500px;height:150px;padding:10px;background:#fafafa;"   
        data-options="iconCls:'icon-save',closable:true,    
                collapsible:true,minimizable:true,maximizable:true">   
	    <p>panel content.</p>   
	    <p>panel content.</p>   
	</div>  
</html>

在这里插入图片描述

标签页/选项卡

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>EasyUI-3-标签页/选项卡</title>
<script type="text/javascript"
	src="/js/jquery-easyui-1.4.1/jquery.min.js"></script>
<script type="text/javascript"
	src="/js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="/js/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css"
	href="/js/jquery-easyui-1.4.1/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="/js/jquery-easyui-1.4.1/themes/default/easyui.css" />
<script type="text/javascript">
</script>
</head>
	<body>
		<div id="tt" class="easyui-tabs" style="width:500px;height:250px;">   
		    <div title="Tab1" style="padding:20px;display:none;"&

最低0.47元/天解锁文章

XING_Gou

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
EasyUI的其余五种用法

面板<!DOCTYPE html><html><head><meta charset="UTF-8"><title>EasyUI-8-面板</title><script type="text/javascript" src="/js/jquery-easyui-1.4.1/jquery.min.js"&gt...
复制链接

扫一扫

专栏目录