`

easyui-panel属性headerCls

 
阅读更多
<style type="text/css">
       .title{
        	font-size:14px;
        	height:30px;
        }
</style>

............

<div id="p" class="easyui-panel" title="My Panel"     
        style="width:500px;height:150px;padding:10px;background:#fafafa;"   
        data-options="headerCls:'title',minimizable:true,maximizable:true">   
    <p>panel content.</p>   
    <p>panel content.</p>   
</div>  

 

headerCls,是css定义的类,不是css属性。并且header里面还嵌入了一个div加了样式的

 

 

 

 

 

 

分享到:
评论

相关推荐

    jquery-easyui-1.4.zip

    在EasyUI中,`div easyui-window` 和 `div easyui-panel` 是两种常用的组件,它们各自有不同的用途和特性。 1. **`div easyui-window`**: - 这个类用于创建一个窗口样式,可以作为弹出对话框或者独立的窗口使用。...

    关于easyui属性的汇总

    在标题和描述中提到的EasyUI属性,主要集中在两个主要的组件:`easyui-window` 和 `easyui-panel`。这两个组件都是构建用户界面的关键元素,各有其独特的功能和属性。 1. **easyui-window**: - `modal`: 模态窗口...

    jQuery EasyUI API 中文文档 - Panel面板

    在 HTML 中,你可以通过给 `&lt;div&gt;` 标签添加 `easyui-panel` 类以及相应的属性来创建一个 Panel。例如: ```html &lt;div id="p" class="easyui-panel" title="我的面板" style="width:500px;height:150px;padding:10...

    Jquery插件 easyUI属性汇总

    本文将汇总 EasyUI 中的一些关键属性,主要聚焦于 `jQuery UI` 插件,尤其是 `easyUI` 中的 `window`, `panel`, `linkbutton`, 和 `validatebox` 这几个组件。 首先,`easyui-window` 是用于创建窗口组件的 CSS 类...

    jquery-easyui精髓

    在本文中,我们将深入探讨 EasyUI 中的一些关键属性和用法,特别是与 `div easyui-window` 和 `div easyui-panel` 相关的部分。 首先,`div easyui-window` 用于创建一个窗口式的对话框,具有模态和阴影效果。以下...

    easyUI 事件列表

    2、div easyui-panel 生成一个面板。 属性如下: 1)title:该标题文本显示在面板头部。 2)iconCls:在面板上通过一个CSS类显示16x16图标。 3)width:设置面板宽度。默认auto。 4)height:设置面板高度。默认auto。 ...

    jQuery EasyUI Panel面板组件使用详解

    jQuery EasyUI Panel面板组件是一个基于jQuery框架构建的用户界面插件,它使得开发者能够通过简单的方法快速地创建出具有丰富交互性的界面元素,具体来讲,Panel组件允许用户轻松地创建包含标题栏、内容区域和可定制...

    jquery EasyUI插件属性汇总.

    本文主要对 jQuery EasyUI 中的几个常用插件进行属性汇总,包括 window、panel 和 linkbutton 组件。 #### 二、diveasyui-window 属性汇总 **1. diveasyui-window** 用于生成一个窗口样式。 - **modal**:确定...

    第9章 Panel(面板)组件1

    EasyUI中Panel(面板)组件的使用方法 Panel(面板)组件是EasyUI中一个常用的UI组件,用于在Web...通过了解Panel组件的加载方式、属性列表、事件列表和方法列表,可以更好地使用EasyUI中的Panel组件来构建Web应用程序。

    easyUI

    在描述中提到的 EasyUI 插件,主要包括了窗口(Window)和面板(Panel)这两个主要组件。下面我们将深入探讨这些组件的特性和使用方法。 1. **窗口(Window)**: - `modal` 属性决定窗口是否为模态窗口,设置为 `...

    jquery_easyui 很全面中文文档

    - `headerCls` 和 `bodyCls`: 分别增加面板头部和内容部分的 CSS 类。 - `style`: 指定面板的内联样式。 - `fit`: 设置面板是否适应其父容器的尺寸,默认为 `false`。 - `border`: 设置是否显示面板边框,默认为...

    EasyUi_中文解析

    * headerCls:在面板头部中增加一个 Class 类。 * bodyCls:在面板内容中增加一个 Class 类。 * style:在面板中增加一个指定样式。 * fit:当 True 时设置该面板尺寸适合于它的父容器,默认 false。 * border:当...

    jquery_easyui_中文解析

    从给定的文件信息中,我们可以提取到关于jQuery EasyUI框架的多个组件及其配置属性的知识点,主要包括:Window、Panel、LinkButton、ValidateBox、Tree和DataGrid等组件的使用和配置。 ### 1. Window 组件 - **...

    jquery_Easy_UI大部分功能属性 PDF 文档 API

    5. **cls**, **headerCls**, **bodyCls**: 分别添加自定义类到面板、面板头部和面板内容。 6. **style**: 添加内联样式。 7. **fit**: 当 true 时,面板大小自动适应父容器。 8. **border**: 控制边框显示,默认为 ...

    jquery easy_ui API

    EasyUI 的 API 包含了多种组件和它们的相关属性,使得开发者能够定制和控制界面的行为和外观。以下是对标题和描述中提到的一些关键知识点的详细解释: 1. **Window 窗口组件**: - `modal`:控制窗口是否为模态...

Global site tag (gtag.js) - Google Analytics