首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    最新jquery+easyui_api培训文档

    1.2 参数 1.2.1 容器参数 参数名称 参数类型 描述 默认值 width 数字 可折叠标签的宽度。 auto height 数字 可折叠标签的高度。...true 1.2.2 面板参数 可折叠标签面板继承自面板(panel),许多属性定义在标签里,下面的属性就是如此: 参数名称 参数类型 描述 默认值 selected 布尔 设置可折叠标签中默认展开的标签页...false border 布尔 定义面板的边框 true doSize 布尔 当设置为true,面板载创建的时候将被调整和重新布局 true collapsible 布尔 定义是否显示可折叠定义按钮 false...当面板折叠之前触发 onCollapse none 当面板折叠之后触发 onBeforeExpand none 当面板展开之前触发 onExpand none 当面板展开之后触发 onResize width...border 布尔 如果为ture则显示布局面板的边框 true split 布尔 如果为ture则显示分隔栏,用户可以用它来改变布局面板的大小 false icon 字符串 在面板头部显示图标的CSS

    4.4K40

    jQuery EasyUI一个基于 jQuery 的框架(创建网页所需的一切)

    中间区域面板是必须的,边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小,也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套,用户可以通过组合布局构建复杂的布局结构。 1 <!...(2)创建嵌套布局:      注意:嵌套在内部的布局面板的左侧(西面)面板是折叠的。 1 32 33 34 35 36 37 不规则布局的演示图:...三:分类空间允许用户使用多面板,但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。...按钮的宽度可以动态和折叠/展开以适应它的文本标签。 1 <!

    4.9K100

    Sublime快捷键与常用插件配置总结 【原创】

    快捷键 ctrl + ~:打开控制台 Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+G:跳转到第几行 Ctrl+W:关闭当前打开文件 Ctrl+Shift+...:闭合标签 Alt+Shift+数字:分屏显示 Alt+数字:切换打开第N个文件 Shift+右键拖动:光标多不,用来更改或插入列内容 鼠标的前进后退键可切换Tab文件 按Ctrl,依次点击或选取...Shift+K 删除整行 Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行 Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号) Ctrl+Shift+P 打开命令面板...没有标签名.类名 + tab => div (3) 生成子类标签 标签名>子标签名>子标签名 + tab (4) 带固定数量的标签: ul>li5 + tab (5) 带有序号名称...ul>li.abc$3 + tab (6) 生成带有内容的标签 ul>li>a{data}*5 + tab (7) css w30+tab => width:30px

    2.4K80

    web中的树形结构【小结】

    一、Ext js tree 1、Ext js简介          ExtJS是一个很不错的 Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的 b/s应用更加具有活力及生命力。...3、简单的Ext js树形结构 树控件由 Ext.tree.TreePanel类定义,控件的名称为 treepanel,TreePanel类继承自 Panel面板。...Ext.tree.TreeNode类来创建一个树节点,第二句使用树节点的 root的appendChild方法来往该节点中加入一个子节点,最后直接使用new Ext.tree.TreePanel 来创建一个树面板...,要树面板的初始化参数中指定树的 root属性值为前面创建的 root节点,也就是树根节点。...2、获取和使用jquery zTree 要使用jquery zTree,首先应从网站上获取jquery zTree库文件。

    4.2K20

    【博客同步】Sublime快捷键与常用插件配置总结

    快捷键 ctrl + ~:打开控制台 Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+G:跳转到第几行 Ctrl+W:关闭当前打开文件 Ctrl+Shift+...:闭合标签 Alt+Shift+数字:分屏显示 Alt+数字:切换打开第N个文件 Shift+右键拖动:光标多不,用来更改或插入列内容 鼠标的前进后退键可切换Tab文件 按Ctrl,依次点击或选取...Shift+K 删除整行 Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行 Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号) Ctrl+Shift+P 打开命令面板...ul>li.abc$3 + tab (6) 生成带有内容的标签 ul>li>a{data}*5 + tab (7) css w30+tab => width:30px h30+tab =>...】 https://github.com/sublimetext/jquery 【SublimeServer】 启动本地服务器调试,在tools菜单中选择start sublimeserver 【gbk

    1.2K00

    第120天:移动端-Bootstrap基本使用方法

    ,那就应该先引用jQuery.js然后引用bootstrap.js CSS约定: 除了公共级别样式,其余样式全部有模块前缀 尽量使用直接子代选择器,少用简介子代,避免错杀 2、Bootstrap第三方依赖...jQuery——Bootstrap框架中的所有JS组件都依赖于jQuery实现 html5shiv——让低版本浏览器可以识别HTML5的新标签,如header、footer、section等 respond...--Bootstrap的所有组件都是依赖jquery的--> 22 jquery/jquery.js"> 23 <script src...表单样式——图片样式——辅助工具类——代码样式——栅格系统——响应式工具类 (2)预置界面组件 导航——导航条——面包屑导航——下拉菜单——按钮式下拉菜单——按钮组——警告框——页头——分页——列表组——面板...(3)javascript插件 内置组件 模态对话框——下拉菜单——滚动监听——标签页——工具提示——弹出框——警告框——按钮——折叠面板——轮播图——吸顶效果

    4K40

    前端开发控件折叠面板(Accordion)——详解与实现

    在用户体验设计中,折叠面板常常被视为一种直观且高效的内容组织方式。界面中各个折叠面板的标题部分通常使用醒目的设计,例如不同的背景颜色或字体样式,使用户能够迅速识别当前内容块的主要信息。...折叠面板的实际应用非常广泛。...除了信息展示之外,一些应用程序还利用折叠面板进行数据分类、表单步骤引导以及复杂信息的逐步展开,这些都显示出折叠面板在实际开发中的重要作用。...此外,不同开发框架往往封装了类似的控件,例如 jQuery UI 中的 accordion 组件、 Bootstrap 中的折叠组件以及 Material-UI 中的 Accordion 组件,它们在功能上基本相似...此外,响应式设计也是折叠面板需要考虑的重要因素,在不同终端上保证交互一致性,对用户体验至关重要。开发者在实际使用折叠面板时,可以结合项目需求进行定制。

    1.1K10

    探索 JQuery EasyUI:构建简单易用的前端页面

    3.2.1 主要属性title: 设置面板的标题。iconCls: 设置面板标题前的图标样式。width: 设置面板的宽度。height: 设置面板的高度。...collapsible: 设置面板是否可折叠。closable: 设置面板是否可关闭。border: 设置面板是否显示边框。3.2.2 使用示例面板标题前的图标样式 collapsible: true, // 设置面板可折叠 closable...面板的内容为 "Welcome to my panel!",并且设置了面板标题前的图标样式为 "icon-ok",使其显示一个勾选图标。同时,我们还设置了面板可折叠、可关闭以及显示边框等属性。...用户可以在页面上选择不同类型的图表(柱状图、折线图、饼图),然后点击对应的按钮,页面就会加载相应类型的模拟数据并绘制图表。

    3.2K10

    JQuery EasyUI window 用法

    JQuery代码 var $win; $win = $('#test-window').window({ title: '添加课程设置信息', width: 820, height...                      Window也重写了Panel里的一些属性 属性名 类型 描述 默认值 title 字符串 窗口的标题文本 New Window collapsible 布尔 定义是否显示可折叠定义按钮...false border 布尔 定义面板的边框 true doSize 布尔 当设置为true,面板载创建的时候将被调整和重新布局 true collapsible 布尔 定义是否显示可折叠定义按钮 false...closable 布尔 定义是否显示关闭按钮 false tools 数组 自定义工具,每个工具可以包含两个属性:iconCls and handler [] collapsed 布尔 定义在初始化的时候折叠面板...none 当面板折叠之前触发 onCollapse none 当面板折叠之后触发 onBeforeExpand none 当面板展开之前触发 onExpand none 当面板展开之后触发 onResize

    1.6K20

    探索 JQuery EasyUI:构建简单易用的前端页面

    3.2.1 主要属性 title: 设置面板的标题。 iconCls: 设置面板标题前的图标样式。 width: 设置面板的宽度。 height: 设置面板的高度。...collapsible: 设置面板是否可折叠。 closable: 设置面板是否可关闭。 border: 设置面板是否显示边框。 3.2.2 使用示例 面板标题前的图标样式 collapsible: true, // 设置面板可折叠 closable...面板的内容为 “Welcome to my panel!”,并且设置了面板标题前的图标样式为 “icon-ok”,使其显示一个勾选图标。同时,我们还设置了面板可折叠、可关闭以及显示边框等属性。...用户可以在页面上选择不同类型的图表(柱状图、折线图、饼图),然后点击对应的按钮,页面就会加载相应类型的模拟数据并绘制图表。

    2.4K10

    Grafana官方文档翻译

    使用重复行功能根据所选的模板变量动态创建或删除整个行(可以使用面板填充)。 通过单击行标题可以折叠行。 如果保存带有折叠行的信息中心,它将保存在该状态,并且不会预加载这些图形,直到行展开。...面板 面板是Grafana的基本可视化构建块。...面板可以在仪表板上拖放和重新排列。它们也可以调整大小。 目前有四种面板类型:图形,单词,Dashlist,表和文本。 面板(如“图表”面板)允许您根据需要绘制多个指标和系列。...加星标的信息中心在默认情况下会显示在您自己的主页信息中心上,并且是标记您感兴趣的信息中心的便捷方式。 4共享仪表板:通过创建链接或创建其静态快照来共享当前仪表板。在共享前确保信息中心已保存。...Draw Options Draw Modes 以条形图显示值 将值显示为线形图 显示值的点 Mode Options 颜色填充透明度,0是无,10是实 线的粗度 绘制成柱状图 Series specific

    5.1K20
    领券