首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AJAX之四 Ajax控件工具集

    它常用来做导航菜单和分组数据的展示等,如我们的QQ、MSN等面板效果都可以用Accordion控件来实现。Accordion控件可以看成是一组面板,但每次只能显示一个面板,如图4-1所示。...一个面板可以分为标题和内容两部分,如图4-2所示。 . ​...属性 描述 SelectedIndex 默认选择的面板索引 HeaderCssClass 整个菜单的标题样式 ContentCssClass 菜单的内容样式 AutoSize 内容的显示方式,主要有None...Header模板用来显示面板的标题部分,Content模板用来加载面板的内容部分。 ​2.Accordion动态菜单​ 前面我们实现了静态菜单,在实际应用中是不能满足需要的。...’ Or 2>1,整个Sql语句看上去将会是SelectKeyWord from SearchKeyWords where KeyWord like ‘’Or2>1%’ 这将返回整个表的前10条记录,而不是匹配一些特殊字母的前

    8410

    最新jquery+easyui_api培训文档

    msg:定义显示的消息文本。title:定义显示在标题面板显示的标题文本。timeout:如果定义为0,消息窗口将不会关闭,除非用户关闭它。如果定义为非0值,当超时后消息窗口将自动关闭。...$.messager.alert title, msg, icon, fn 显示一个警告窗口。参数如下:title:显示在标题面板的标题文本。msg:提示框显示的消息文本。icon:提示框显示的图标。...$.messager.confirm title, msg, fn 显示一个含有确定和取消按钮的确认消息窗口。参数如下:title:显示在标题面板的标题文本。msg:确认消息窗口显示的消息文本。...$.messager.prompt title, msg, fn 显示一个确定和取消按钮的信息提示窗口,提示用户输入一些文本。参数如下:title:显示在标题面板的标题文本。...> 10.1.2 效果图 10.2 参数 名字 类型 描述 默认值 title 字符串 在面板头部显示的标题文本 null iconCls 字符串 一个CSS类来显示在面板中的16x16图标 null

    3.2K40

    腾讯面试官:如何从0到1实现一个高性能Collapse折叠组件,直到现在我还实现不出来

    disabled 是否为禁用状态 boolean false forceRender 被隐藏时是否渲染 DOM 结构 boolean false key 唯一标识符 string - onClick 标题栏的点击事件...(event: React.MouseEvent) => void - title 标题栏左侧内容 ReactNode - 创建基础Collapse组件 我们创建一个基础的...在这种模式下,只有一个面板可以被展开。当一个新的面板被展开时,之前展开的面板将被关闭。 activeKey:当前展开面板的key。如果我们处于手风琴模式,这将是一个字符串或null。...isOpen); if (accordion) { setCurrentActiveKey(isOpen ?...onClick:它在面板的标题栏被点击时被触发。它接收一个参数,表示点击事件。 title:panel标题栏的内容。

    52320

    Ext布局

    ExtJS常用的布局都在Ext.layout下,这里几乎涵盖了所有的布局方式(但是值得注意的是通常我们不是直接通过new来创建这些类的对象然后往里面添加控件使用,而是作为控件一个配置属性使用让Ext自动创建对应的类...对管理系统来说,有一种非常典型的布局方式,头部放置标题,左边放树形菜单,空余的部分用来显示内容 图4.1.1的布局方式比较典型。使用Ext制作这种布局布局简单,代码如示例4.1所示。...1.4 伸缩菜单布局—Accordion Accordion用来制作伸缩菜单,如果想使用它,直接在区域中加上layout: ‘accordion’即可。...与Accordion布局有关的参数都写在layoutConfig里了,这些配置参数的作用如下所示: (1) titleCollapse:默认为true,点击标题就可以折叠子面板;如果设置成false,就只能通过单击标题右边的图标折叠子面板...(3) activeOnTop:默认为false,执行展开和折叠后,子面板的顺序不会改变。如果设置为true,展开的子面板总是放在最上面。

    9010

    day49_BOS项目_01

    `注意2`:由于本系统的很多页面使用了`标签`,属于服务器内部转发,会跳转到WEB-INF目录下对应的页面,而该目录下的页面是受保护的,所以web.xml中需要配置服务器内部转发也要经过struts2过滤器处理后才能跳转...3.2、accordion 折叠面板 详解如下:     通过 $.fn.accordion.defaults 重写默认的 defaults。     ...折叠面板(accordion)允许您提供多个面板(panel),同时显示一个或多个面板(panel)。     每个面板(panel)都有展开和折叠的内建支持。...3.3、tabs 标签页/选项卡面板 详解如下:     通过 $.fn.tabs.defaults 重写默认的 defaults。     选项卡显示一组面板。它一次只显示一个选项卡面板。     ...每个选项卡面板都有标题和一些迷你按钮工具,包括关闭按钮和其他自定义按钮。 示例代码如下:     <!

    1.1K20

    使用 CSS Checkbox Hack 技术纯手工撸一个手风琴组件

    2、定义相关样式 准备好上述的HTML基本结构后,我们来定义相关的样式,首先我们需要隐藏上述的几个单选按钮表单,我们可以使用 left 属性,将其移除屏幕显示区域,示例代码如下: ?...由于宽度有限,我们需要旋转标题文字的方向,让其由下往上垂直显示,示例代码如下: ?...3、Checkbox Hack: 切换选项内容 这部分代码就如同变魔法一般,当我们点击每个标题选项卡时就会显示对应相关的内容,这里我们使用了 :checked 伪类,以及结合 CSS的后续同胞选择器(~...幸亏我们使用了弹性盒子布局,在这种情况下,我们让手风琴垂直显示,也就是每个选项卡纵向分布(列布局),每个选项卡的标题内容横向分布(行布局),示意图效果如下: ? 对应的代码如何实现呢?...我们需要在每个当前选中状态的选项卡里添加 flex-grow: 1 属性,并不是所有的选项卡都添加这个属性,只是让当前选中的选项卡占据所有剩余宽度。

    3.2K20

    AJAX控件UpdatePanel使用详解

    专家分析记录 本人反馈记录 我的活动   医师管理 说明:是层叠动态管理菜单显示的效果,很好看的 ============================= 附加属性对照说明表如下: Accordion...,用来作为其显示内容的载体。...它支持以下三种显示和排版方式: None - Accordion 在其展开或者折叠过程中,将根据它内部显示的内容自动尺寸的变化,不受到任何的条件限制。...Accordion控件也能够进行数据绑定,通过DataSource或 DataSourceID属性指定一个数据源,然后设置标题数据字段(HeaderTemplate)和内容数据字段(ContentTemplate...TransitionDuration - 用毫秒表示的渐变效果显示的时间。 AutoSize - 设置 Accordion 的显示和排版方式,你可以在上面的概述中找到它的描述。

    81750

    Grafana 统计面板与文本面板的使用

    ,而 Background 则会显示背景颜色。...文本面板 前面我们介绍的一些面板基本上都是通过查询来获取数据进行展示的,这里给大家另外一个面板:文本面板,该面板不需要查询语句,直接用来展示文本信息,而且是支持 Markdown 和 HTML 两种格式...文本面板的使用非常简单,直接选择使用 Markdown 还是 HTML 来设置文本样式即可,然后在面板编辑器的文本框中输入内容即可。...现在我们创建一个新的 Dashboard,添加一个新的空面板,选择使用 Text 面板: 然后就可以在内容框中输入我们想要展示的内容了: 我们可以看到有 Markdown 和 HTML 两种模式可以选择...,比如我们选择使用 Markdown 模式,则可以在面板内容区域输入想要展示的 Markdown 内容,比如我们输入如下所示的内容: # 这是一级标题 ## 这是二级标题 这是正文内容,**我是加粗

    2.6K20

    ExtJs学习笔记(11)_Absolute布局和Accordion布局

    div+css来进行页面布局(不过经测试,在最新的Firefox3下,部分功能好象有点问题),今天我们来学习二种最基本的布局 1.Absolute 布局:这种最容易理解,直接用x,y值来绝对定位组件 2.Accordion...布局:Accordion意为"手风琴",即最终效果可以象手风琴那样拉来拉去,说白了,就是类似QQ面板的功能 下面通过示例代码观察一下效果: <!...                    frame: true                 })             ]         })         win.show(); //layout:Accordion...(类似QQ面板的布局) var win2 = new Ext.Window({             title: "Accordion Layout",             height...width: 200,             x: 420,             y:10,             plain: true,             layout: 'accordion

    1K60
    领券