`
流浪鱼
  • 浏览: 1681914 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

panel中没有title整个头不显示

 
阅读更多

 在使用easyui-panel中,如果div中没有指定title属性,即使指定了iconCls="icon-save"
    collapsible="true" minimizable="true" maximizable=true closable="true"等属性,也不会起作用的,看不见按钮的。

没有title的html代码如下:

<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"
				 iconCls="icon-save"
				collapsible="true" minimizable="true"
				maximizable=true closable="true">
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			
		</div>

 效果图如下:

 

如果加了title属性那些定义的按钮就显示了。

html的代码为:

<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"
				title="标题" iconCls="icon-save"
				collapsible="true" minimizable="true"
				maximizable=true closable="true">
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			
		</div>

 

效果图为:

出现这个问题是因为源码里边的判断中的条件决定的

//如果有标题且包含表头
  if (opts.title && !opts.noheader){

 

满足了title && !opts.noheader条件才初始化标题栏。

不知道这是不是bug,希望朋友这种情况的朋友,知道为什么就可以了。

 

  • 大小: 1.8 KB
  • 大小: 4.1 KB
分享到:
评论

相关推荐

    treePanel到panel的拖拽 等等操作详细,及步骤

    - **mainPanel**: 创建一个主Panel,包含两个子Panel,左侧用于显示过滤信息,右侧则包含另一个子Panel用于展示TreePanel和右侧内容。 #### 四、TreePanel与Panel的交互 为了实现从TreePanel到Panel的拖拽功能,...

    ASPnet(C#)中的DIV的显示隐藏问题

    在这个示例中,我们定义了两个Panel控件:`Panel_Login`用于显示登录界面,`Panel_Main`则用于显示主界面。当用户点击登录按钮时,会触发`Button_Login_Click`事件。在该事件处理函数中,我们首先调用`CheckLogin`...

    requestWindowFeature对title的设置

    除了标题显示之外,`requestWindowFeature`还可以用于开启窗口弹出菜单(`Window.FEATURE_OPTIONS_PANEL`,值为0),底部导航栏(`Window.FEATURE_PROGRESS`,值为8),以及自定义布局(`Window.FEATURE_CUSTOM_...

    extjs_02_grid显示本地数据、显示跨域数据_.docx

    接下来,我们将学习如何在 `Ext.grid.Panel` 中显示本地数据。本地数据是指存储在客户端的数据,这些数据可以通过 JavaScript 对象或者数组的形式提供。 ```javascript // 自定义数据模型 var myModel = Ext.define...

    前台代发示例

    在示例代码的第一部分中,通过 `Ext.MessageBox.alert` 方法来显示一个消息框。这种方法非常适合用来向用户展示一些重要的提示信息。例如: ```javascript Ext.MessageBox.alert("hello", "The first demo"); ``` ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正Panel图标不能显示的BUG(CSS中class名不能有$字符)。 +去除PageLayout控件,此控件可以使用BorderLayout和指定PageManager的AutoSizePanelID属性来代替。 -这样所有需要占据全屏的Panel(不管你是Accordion...

    Ext4详细解读

    面板中的三个子项分别被命名为Panel1、Panel2和Panel3。默认情况下,所有子面板都将具有`padding:15px`的样式设置,且展开或折叠时将启用动画效果。激活的面板将始终位于最顶层。 #### 二、Border布局详解 Border...

    JsAPI自己总结的归纳

    本文将深入探讨JS API中的一些关键概念,特别是UI组件库中的布局组件和Panel,帮助开发者更好地理解和运用这些功能。 1. **布局组件 (Layout Components)** 布局组件是构建网页界面结构的重要工具,它们允许...

    AJAX 控件应用讲解

    CollapsiblePanel控件是ASP.NET AJAX Toolkit中的一员,它允许用户将面板内容隐藏或显示,从而节省页面空间并增强用户体验。面板默认可以是展开或折叠状态,用户可以通过点击标题栏来切换状态。这个控件常用于显示...

    Ext常用布局

    在这个例子中,内部面板将占据整个Fit布局容器的空间。 接下来,我们讨论Border布局。Border布局是一种复杂的多区域布局,常用于构建类似框架的应用UI。它分为五个区域:东(east)、西(west)、南(south)、北...

    extjs中文api

    这是ExtJS中的核心类之一,用于定义和管理整个应用,包括启动、配置、管理组件树等关键任务。 #### 二、事件处理机制与代码示例 在ExtJS中,事件处理是非常重要的一个方面,它使得用户可以与页面元素进行交互。...

    ExtAspNet_v2.3.2_dll

    -修正Panel图标不能显示的BUG(CSS中class名不能有$字符)。 +去除PageLayout控件,此控件可以使用BorderLayout和指定PageManager的AutoSizePanelID属性来代替。 -这样所有需要占据全屏的Panel(不管你是Accordion...

    jquery-easyui精髓

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

    extjs_页面布局.doc

    例如,下面的代码创建了一个FitLayout的面板,其中两个嵌套面板只显示一个,因为它们都试图适应整个空间。 ```javascript var panel = new Ext.Panel({ layout: 'fit', title: 'Ext.layout.FitLayout 布局示例', ...

    extjs_layou

    这意味着任何设置的宽度都将被忽略,并且如果容器中有多个子元素,仅第一个子元素会被显示。下面是一个示例: ```javascript Ext.onReady(function() { var win = new Ext.Window({ title: "Hello World", ...

    2021-2022计算机二级等级考试试题及答案No.1677.docx

    3. 在VB或类似编程语言中,`a=b+c`这种赋值不会直接在消息框中显示结果,而是返回一个布尔值,表示`a`是否等于`b+c`的计算结果。因为`a`初始为0,`b`为5,`c`为6,所以`a`不等于`b+c`的11,因此消息框的输出结果为...

    Flexcss完全手册.pdf

    * headerHeight:标题头高度,panel标题头的高度数值从0~50。 * dropShadowEnabled:是否显示投影,true和false2个属性。 * shadowDistance:投影大小,dropShadowEnabled为true时有效,数值从0~20。 * ...

    ajaxtoolkit中的animation例子和说明

    它基于Microsoft AJAX Library,利用UpdatePanel的异步更新机制,使得动画效果可以在不刷新整个页面的情况下实现。Animation控件可以单独使用,也可以与其他AjaxControlToolkit的控件结合,比如Accordion、Calendar...

    Extjs4佈局詳解

    - **子元素宽度设置无效**:由于Fit布局的目的在于使子元素充满整个容器,因此对子元素设置宽度是没有效果的。 - **仅显示第一个子元素**:如果在一个使用Fit布局的容器中放置多个子组件,则只有第一个子组件会被...

Global site tag (gtag.js) - Google Analytics