jQuery Easy UI Panel(面板)组件

最新推荐文章于 2025-03-06 22:14:30 发布

hai_cheng001

最新推荐文章于 2025-03-06 22:14:30 发布

阅读量5.8k

点赞数 2

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

本文链接：https://blog.youkuaiyun.com/caohaicheng/article/details/38988627

版权

jQuery Easy UI 的 Panel 组件使用介绍，包括设置属性、处理事件和操作方法。面板可加载远程数据，常作为其他组件的基础。提供示例代码及后台数据交互说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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元/天解锁文章