html5 easyui 布局,Easyui 在面板中创建复杂布局

通常情况下，在 Windows XP 的资源管理器文件夹中，左侧的面板(panel)包含一些常见任务。本教程向您展示如何通过 easyui 的面板(panel)插件来创建 XP 左侧面板。

定义一些面板(panel)

我们定义一些面板(panel)，这些面板(panel)用来显示一些任务。每个面板(panel)应该至少有折叠/展开工具按钮。

代码如下所示：

View as a slide show

Order prints online

Print pictures

Make a new folder

Publish this folder to the Web

Share this folder

New York

My Pictures

My Computer

My Network Places

My documents

File folder

Date modified: Oct.3rd 2010

自定义面板(panel)的外观效果

请注意，这个视图外观效果不是我们想要的，我们必须改变面板(panel)的头部背景图片和折叠/展开按钮的图标。

做到这一点并不难，我们需要做的只是重新定义一些 CSS。

.panel-body{

background:#f0f0f0;

}

.panel-header{

background:#fff url('images/panel_header_bg.gif') no-repeat top right;

}

.panel-tool-collapse{

background:url('images/arrow_up.gif') no-repeat 0px -3px;

}

.panel-tool-expand{

background:url('images/arrow_down.gif') no-repeat 0px -3px;

}

由此可见，使用 easyui 定义用户界面非常简单。

html5 easyui 布局,Easyui 在面板中创建复杂布局_EasyUI 插件相关推荐

研究区域制图 | 在 ArcGIS Pro中创建地图布局
研究区域制图 | 在 ArcGIS Pro中创建地图布局数据准备首先需要两个图层,一个是市区图层,一个是省行政区划图层,我这里以吉林省以及吉林省长春市为例新建布局选择横向A5即可添加参考线 ...
计算机设备布局图,针对不同设备类型创建仪表板布局
仪表板可以包括屏幕大小各异的不同类型的设备的布局.将这些布局发布到 Tableau Server 或 Tableau Online 时,查看仪表板的用户将体验到专门针对其手机.平板电脑或台式机优化的设 ...
【翻译】在Ext JS和Sencha Touch中创建自定义布局
原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...
java怎么设置卡片布局_在Java中使用卡片布局管理器的方法
在Java中使用卡片布局管理器的方法发布时间:2020-12-03 16:05:18 来源:亿速云阅读:85 作者:Leah 在Java中使用卡片布局管理器的方法?针对这个问题,这篇文章详细介绍了 ...
html段落布局,如何使用WPS2012中的“段落布局”详细图文介绍
对于经常坐在电脑前整理文档的网友来说,最经常的操作之一可能就是对文档中文本段落格式进行整理,比如首行缩进.段前距.段后距.行距等.在WPS Office 2012的文字工具中,"段落布局&q ...
easyui crud java_Easyui 创建 CRUD 应用_EasyUI 插件
数据收集并妥善管理数据是网络应用共同的必要.CRUD 允许我们生成页面列表,并编辑数据库记录.本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid. 我们将使 ...
java gui 控制台_在GUI面板中创建Java控制台
这是一个功能强大的课程.您可以将此实例安装到系统中并使用以下错误: PrintStream con=new PrintStream(new TextAreaOutputStream(...)); Sy ...
在宝塔面板中创建免费的ddns（这里用了dynu.com）
前几天一直在折腾几个国产寨板放家里做服务器用.然后看了一下之前做的ddns只有3322还有效,花生壳的已经失效了(太久不用账户让我重新实名是什么鬼操作).然后k2p的路由器也没有阿里云什么的. 332 ...
android 百分比布局操作sp,constraintlayout中的百分比布局
constraintlayout布局中为我们提供了,两种百分布局可以帮助我们去适配界面第一种 layout_constraintVertical_bias 该属性代表的意思是垂直距离的百分比,默认0 ...
android 绑定布局,android – 在数据绑定中设置动态布局高度
我想在数据绑定结构中设置动态布局高度. 我试了一下,但我得到了这个例外: java.lang.NullPointerException: Attempt to invoke virtual metho ...

html5 easyui 布局,Easyui 在面板中创建复杂布局_EasyUI 插件

html5 easyui 布局,Easyui 在面板中创建复杂布局_EasyUI 插件相关推荐

最新文章

热门文章