jQuery Easy UI Panel(面板)组件

最新推荐文章于 2019-12-04 20:15:11 发布

hai_cheng001

最新推荐文章于 2019-12-04 20:15:11 发布

阅读量5.7k

点赞数 2

分类专栏： jQuery jQuery 文章标签： jquery panel

本文链接：https://blog.csdn.net/caohaicheng/article/details/38988627

版权

panel(面板)组件,跟前面的组件用法几乎都差不多，也是从设置一些面板属性、操作面板触发的事件、我们可针对面板对象的操作方法这三个点去学习。

后面有一些组件要依赖于这个组件。

还有一点跟前面不同的就是面板内容可以请求远程数据。

示例：

<!DOCTYPE html>
<html>
<head>
<title>jQuery Easy UI</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
<link rel="stylesheet" type="text/css" href="easyui/themes/bootstrap/panel.css" />
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
<script>
$(function () {
	//属性列表
	$('#box').panel({
		id : 'box',				//面板的ID值 默认为null
		title : '我是一个面板',	//面板显示的标题文本，默认为null
		width : 500,			//面板宽度 默认为auto
		height : 150,			//面板高度 默认为auto
		iconCls : 'icon-add',	//面板左上角的一个图标,可去css样式中自定义图标文件，默认为null
		//left : 100,			//设置面板距离左边的距离 默认为null
		/

最低0.47元/天解锁文章

hai_cheng001

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jQuery Easy UI Panel(面板)组件

panel(面板)组件,跟前面的组件用法几乎都差不多，也是从设置一些面板属性、操作面板触发的事件、我们可针对面板对象的操作方法这三个点去学习。后面有一些组件要依赖于这个组件。还有一点跟前面不同的就是面板内容可以请求远程数据。示例：jQuery Easy UI$(function () { //属性列表 $('#box').panel({ id : 'b
复制链接

扫一扫