ExtJs里表格自动显隐滚动条
ExtJs里面,layout:’border’这种布局应该很常用,但我用的时候,因为不熟,走了一些弯路。比如说,一个页面,大体布局是这样的:
上:查询输入框
中+下:查询结果(表格,底部有分页控件)
代码如下,其中有些属性一定要设置才能达到理想的效果(参阅注释):
var formQuery = Ext.create('QueryFormTongji', {
id: 'formPower1',region: 'north'//这个region很重要!如果没有它,此查询框将被下面的表格所屏蔽
});//查询框
var formTu = Ext.create('QueryFormTongjiTu', {
id: 'formTu', heigth: 220, region: 'north'
});//统计图
var grid = Ext.create('my.view.test.List', {
id: 'grid1',
region: 'center',
store: listStore,
columns: [……]});//查询结果(表格)
var vp = Ext.create('Ext.container.Viewport', {
layout: { type: 'border' },
items: [{
xtype: 'tabpanel',
region: 'center',
id: 'topPanel',
activeTab: 0,
items: [
{
xtype: 'panel',
title: '查询',
id: 'panelPower',
layout: 'border',//有了这个属性,表格才会随分辨率而自动显隐垂直滚动条
items: [formQuery,grid]
},
{
xtype: 'panel',
title: '统计图',
layout: 'border',
id: 'tPanel',
items: [
formTu,
{
autoScroll: true,
xtype: 'panel',
region: 'center',
contentEl: 'DivMapWinInfo'
}
]
}
],
listeners: {
tabchange: {
fn: this.onTopTabpanelTabChange,
scope: this
}
}
}]
});
版权声明:本文为博主原屙文章,喜欢你就担走。
ExtJs里表格自动显隐滚动条的更多相关文章
- 让bootstrap表格自动出现水平滚动条
<div class="table-responsive"><!--表格自动出现水平滚动条-> <table id="tb_departme ...
- 应用场景:vue表格撤销删除与保存按钮的显隐
应用场景:vue表格撤销删除与保存按钮的显隐
- 根据滑动显隐状态栏的iOS实现
之前很多兄弟问如何实现类似于淘宝客户端搜索列表那种动态显隐的效果,这几天刚好有时间,就实现了几个例子搞一下,其实原理很简单,也参考了github上一位兄弟的实现.不多说,上代码 @interface ...
- ExtJs之表格控件入门
extjs的表格功能非常强大,包括了排序,缓存,拖动,隐藏某一列,自动显示行号,列汇总,单元格编辑等实用功能.表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid ...
- Vue-cli中使用vConsole,以及设置JS连续点击控制vConsole按钮显隐功能实现
最近发现了一个鹅厂的仓库,实现起来比我这个方便[捂脸].https://github.com/AlloyTeam/AlloyLever 一.vue-cli脚手架中搭建的项目引入vConsole调试 1 ...
- word表格自动编号,前面加章节号
1.需求 最近要用Word写一些有很多公式的文档,一个小节就有十几个公式,一章有几十个公式.我希望能公式能自动编号.例如我在公式(3.3)前面增加了一个公式并编号后,后面的编号以及引用编号的地方会自动 ...
- C#中显/隐式实现接口及其访问方法
原贴地址: http://www.cnblogs.com/dudu837/archive/2009/12/07/1618663.html 在实现接口的时候,VS提供了两个菜单,一个是"实现接 ...
- NavigationBar的显隐和颜色设置
[self.navigationController setNavigationBarHidden:NO animated:NO]; self.navigationController.navigat ...
- JS/jquery实现鼠标控制页面元素显隐
最近网站要上一个活动广告横幅,当用户鼠标划过时显隐二维码.像这种鼠标事件控制页面元素显隐的情况,码农们会经常遇到,可以通过javascript或jquery代码实现,下面就几种常见需求一起归纳一下. ...
随机推荐
- Linux中的FTP服务
FTP服务 文件传输协议 FTPFile Transfer Protocol 早期的三个应用级协议之一 基于C/S结构 双通道协议:数据和命令连接 数据传输格式:二进制(默认)和文本 两种模式:服务器 ...
- webpack 之 缓存处理
针对 这里 的所提到的观点,如果webpack每次都生成相同名字的bundle.js,会导致问题.这里使用webpack的文件hash功能来解决,简简单单地为输出文件添加一个“[hash]”即可. / ...
- Python中的类(2)
一.使用类和实例 我们先编写一个学生的类,它存储了有关学生的信息,还有一个整合学生信息的方法: student.py class Student(): def __init__(self,name,a ...
- requests 模块笔记
import requests 请求方式: requests.get("https://www.baidu.com") requests.post("http://htt ...
- XV6调度
调度 任何操作系统都可能碰到进程数多于处理器数的情况,这样就需要考虑如何分享处理器资源.理想的做法是让分享机制对进程透明.通常我们对进程造成一个自己独占处理器的假象,然后让操作系统的多路复用机制(mu ...
- 杭电ACM省赛集训队选拔赛之热身赛-How Many Tables,并查集模板题~~
How Many Tables Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) ...
- [BZOJ3052][UOJ#58][WC2013]糖果公园
[BZOJ3052][UOJ#58][WC2013]糖果公园 试题描述 Candyland 有一座糖果公园,公园里不仅有美丽的风景.好玩的游乐项目,还有许多免费糖果的发放点,这引来了许多贪吃的小朋友来 ...
- Monkey King(左偏树)
洛谷传送门 每次给出要争吵的猴子a和b,用并查集判断如果他们是朋友输出-1 如果不是,找出a,b在的堆的根A,B,分别合并A,B的左右孩子,再合并一下. 之后把A,B的数据更改一下:权值除以2,左右孩 ...
- python监控tomcat日记文件
最近写了一个用python监控tomcat日记文件的功能 实现的功能: 监控日记文件中实时过来的记录,统计每分钟各个接口调用次数,统计结果插入oracle #!/usr/bin/python # -* ...
- vi/vim复制粘贴命令
1. 选定文本块.使用v进入可视模式,移动光标键选定内容. 2.复制的命令是y,即yank(提起) ,常用的命令如下: y 在使用v模式选定了某一块的时候,复制选定块到缓冲区用: ...