easyUI快速入门第六讲——easyUI中的window（窗口）组件

最新推荐文章于 2024-04-12 03:03:32 发布

李阿昀

最新推荐文章于 2024-04-12 03:03:32 发布

阅读量2.8k

点赞数 1

分类专栏： easyUI快速入门学习

本文链接：https://blog.csdn.net/yerenyuan_pku/article/details/102884532

版权

本文介绍了easyUI中的window组件，包括其作为浮动、可拖拽面板的用途和默认功能。通过HTML标签和JavaScript代码展示了如何创建及使用window组件，并提供了属性列表以供参考，帮助读者快速上手。

摘要由CSDN通过智能技术生成

window（窗口）组件的概述

窗口控件是一个浮动和可拖拽的面板，它可以用作应用程序窗口。默认情况下，窗口可以移动，调整大小和关闭。它的内容也可以被定义为静态HTML或要么通过Ajax动态加载。
在这里插入图片描述

window（窗口）组件的使用

在easyUI快速入门第一讲中，我就讲到过easyUI的使用主要有两种方式，一种是在HTML标签中声明class来使用easyUI样式，一种是编写js代码。这里，先用一下第一种方式，即通过标签来创建一个窗口。我们要在所在项目的WebContent目录下新建一个06-window目录，并在该目录下新建一个06-window.html页面。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 引入easyUI的css文件和js库 -->
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">