ext布局问题 - ITeye问答

问答首页 → 移动开发技术

0 0

ext布局问题5

我现在想用ext布局：整个页面分为三部分，左边树，右边分上下两块，该如何布局呢？

2014年5月26日 14:04

njitjiang
21
0 0 4

1个答案按时间排序按投票排序

0 0

采纳的答案

Ext.create('Ext.Viewport', {
        layout: {
            type: 'border',
            padding: 5
        },
        defaults: {
            split: true
        },
        items: [{
            region: 'west',
            collapsible: true,
            title: 'North',
            split: true,
            height: 100,
            minHeight: 60,
            html: 'north'
        },{
            region: 'center',
            title: 'Starts at width'
			items: [{
                title: 'Central',
                region: 'center',
                minWidth: 80,
                html: 'Central'
            }, {
                title: 'north',
                region: 'north',
                flex: 1,
                minWidth: 80,
                html: 'north Eastern',
                split: true,
                collapsible: true
            }]
        }]
    });

2014年5月26日 14:23

lihao312
607
0 2 61

3条评论

相关推荐

ext布局和菜单设计整理: ext布局和菜单设计整理

EXT 布局 Layout 资料: ### EXT 布局 Layout 资料详解 #### 6.1 布局概述在 Ext JS 中，布局（Layout）是一个重要的概念，它指的是容器组件内子元素的排列方式。Ext JS 的所有容器组件都支持布局操作，并且每个容器都有一个对应的布局...

ext表格布局小例子: ### ExtJS 表格布局小例子详解 #### 一、简介本文档旨在解析一个具体的 ExtJS 表格布局小例子，重点介绍其中涉及的数据存储、数据删除与添加的方法。ExtJS 是一款强大的 JavaScript 框架，用于构建交互式的前端...

ext简单布局，直接修改即可使用: ext做简单布局，ext简单布局，直接修改即可使用ext简单布局，直接修改即可使用ext简单布局，直接修改即可使用

Ext布局类的介绍与使用: 在Web开发中，界面布局设计是提升用户体验的关键因素之一。EXT框架提供了一套强大的布局管理机制，使得开发者能够轻松创建复杂且响应式的用户...熟练掌握EXT布局的使用，可以极大地提升Web应用的用户体验和开发效率。

经典EXT后台简单布局: EXT后台简单布局，很好的，好用！！！！

EXT布局，EXT相关知识: 主要讲的是EXT布局，使用这个布局，能让你学习更好的知识，我也在学习，咱们一起学习吧~~

Ext介绍以及_ext页面布局: 接着，`ext22/adapter/ext/ext-base.js`是基础脚本，定义了ExtJS的核心功能和基础类，而`ext22/ext-all.js`包含了完整的ExtJS库，依赖于`ext-base.js`，因此必须先导入。在创建ExtJS应用时，一个常见的入门示例是...

GWT-ext 布局示例: 在本文中，我们将深入探讨GWT-Ext框架中布局管理器的应用，这是一个基于Google Web Toolkit (GWT) 和 ExtJS 的强大控件库，用于快速开发富互联网应用程序。本系列文章的第三部分主要关注各种布局的实现和使用技巧，...

Ext常用布局: 在Ext JS这个强大的JavaScript库中，布局管理是构建复杂用户界面的关键部分。布局决定了组件如何在容器内排列和适应不同的屏幕尺寸。本篇文章将深入探讨Ext中常用的两种布局：Fit布局和Border布局，为初学者提供详细...

ext布局(Layout.html)例子.pdf: EXT布局是一种强大的前端开发框架，用于构建富互联网应用程序（RIA）。在EXT中，布局管理器是核心组件之一，它负责处理容器中的子组件的排列和大小调整。以下是对EXT布局中几种常见布局方式的详细说明： 1. Column...

搜集来的ext布局材料: 以下是从给定代码片段中提取的EXT布局相关的重要知识点： 1. **Viewport布局**： - `Ext.Viewport` 是EXTJS中的一个全局对象，用于全屏布局，它会占据浏览器的整个视口。 - 在示例中，`viewport` 的布局有两种...

Ext 简单布局菜单树实例: 用Ext的Panel实现了简单布局，并在左侧显示树形菜单

ext2.0 layout布局(使用viewport): ext2.0 layout布局(使用viewport),将其部署到php服务器上，可以查看效果：适合一般的应该工作界面，有滑动菜单和树形菜单等，初步实现了一个不错的应用视图框架

ext布局(Layout.html)例子[参考].pdf: 以下将详细介绍EXT布局中的几种主要类型及其应用场景。 1. **Column布局**：此布局将容器划分为多列，每列的宽度可以通过`columnWidth`指定为百分比值。例如，设置`layout: "column"`后，可以分配列的相对宽度，...

Ext table布局实例 formpanel的table布局: Ext的formpanel table布局实例，有效解决了页面resize时列宽不跟随改变的问题，即列宽的自适应宽度

Extjs 布局生成器(ext布局本地版本): Extjs 布局生成器，可以生产各布局查看布局代码

Ext例子及布局问题: 即：Ext.window 4.mainPage.html为tab布局，右面为tree中间为tab页面。 5.tz-normal-test.html为普通拖拽的练习。 6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-test....

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics