ext grid添加横向滚动条

Ext.override(Ext.grid.GridView, { 
                renderBody : function() { 
                    var markup = this.renderRows(); 
                    if (markup == "") 
                        markup = "<div style=‘width:" + this.getTotalWidth() 
                                + "‘> </div>";  
                    return this.templates.body.apply({ 
                                rows : markup 
                            }); 
                } 
            });
Ext.override(Ext.grid.GroupingView, { 
                updateGroupWidths : function() { 
                    if (!this.enableGrouping || !this.hasRows()) { 
                        return; 
                    } 
                    var tw = Math.max(this.cm.getTotalWidth(), 
                            this.el.dom.offsetWidth - this.scrollOffset) 
                            + ‘px‘; 
                    var gs = this.getGroups(); 
                    for (var i = 0, len = gs.length; i < len; i++) { 
                        if (gs[i] != undefined && gs[i].firstChild != undefined 
                                && gs[i].firstChild.style != undefined)  
                            gs[i].firstChild.style.width = tw; 
                    } 
                } 
            });

ext grid添加横向滚动条

时间： 2024-10-01 04:01:02

ext grid添加横向滚动条的相关文章

VB ListBox 添加横向滚动条

Private Declare Function SendMessage Lib "user32 " Alias "SendMessageA" (ByVal hwnd As Long, _ ByVal wMsg As Long, _ ByVal wParam As Long, _ lParam As Any) As Long Private Const LB_SETHORIZONTALEXTENT = &H194-----------------------

向Table添加横向滚动条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>给table新增水平滚动条</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equ

ext grid添加2行topbar

bbar: paginToolbar(this.getStore()), dockedItems: [{ xtype: 'toolbar', dock: 'top', items: me.createSrearchPanel() } , { xtype: 'toolbar', //dock: 'top', items: {xtype: 'button',margin: '0 0',iconCls:'edit',id:'showoffswitch',text: '隐藏页面统计数据',handler

Ext.grid.plugin.RowExpander的简单用法

有时候,我们在grid里渲染数据时,由于某些字段的内容太长,而grid又不会自动出现滚动条,于是溢出的内容后面就会出现省略号, 导致信息展示不完全.如果,这个信息不太重要,展示不完全也无关紧要.可是,有时候,用户需要查看溢出部分的详细内容时,怎么办呢?比如下图中的grid: 因为信息内容太长,导致“消息内容”展示不全,这时候想要查看详细信息怎么办呢? 最简单的解决方法就是利用 Ext.grid.plugin.RowExpander  我们在grid配置项里面添加一个plugins属性.如下图所示

extjs 横向滚动条 和 本地排序

横向滚动条: 如果想要在页面中固定每一列的宽度 并出现横向滚动条, 则在grid的viewConfig 中设置forceFit : false, 在grid的每一列设置一个width. 如果想要在列表中固定某一列的宽度 ,其他的宽度自适应,则需要设置grid中viewConfig的forceFit : true,在需要设列宽的地方加上width  并添加 falfixed:true. 如果全部自适应,则在grid中的viewConfig设置forceFit: true即可 不需要设置列宽. 本地

移动端禁用横向滚动条

在用bootstrap制作移动开发的时候,发现宽度并未超过屏幕宽度时,依然出现横向滚动条. 问题解决: 1.查看是否在head里面加入 /*等比例缩放*/<meta name="viewport" content="width=device-width, initial-scale=1.0">/*禁止缩放*/<meta name="viewport" content="initial-scale=1, maximum-

为WPF和Silverlight的Grid添加边框线(zz)

  Grid是WPF和Silverlight中的一个重要的布局元素,其他的布局元素还有StackPanel, Canvas, Border等等.从字面上说,Grid是一个表格的意思,它的使用也确实很方便,从视觉上很像一个表格的样式,有行,有列的概念,这种效果很适合于需要多多个子控件进行布局,并希望保持左边或者上对齐的效果. 我们来看一个最简单的例子(本文采用Silverlight做演示,在WPF中也是一样的) 使用Grid的时候,一般先定义Grid的行和列的设置,然后在其放置其他控件并且设置他们

Ext.grid.GridPanel属性及方法等

1.Ext.grid.GridPanel主要配置项:store:表格的数据集columns:表格列模式的配置数组,可自动创建ColumnModel列模式autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0stripeRows:表格是否隔行换色,默认为falsecm.colModel:表格的列模式,渲染表格时必须设置该配置项sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModelenableHdMenu:是否显示表头的上

【extjs】 ext5 Ext.grid.Panel 分页,搜索

带有分页,搜索的grid. <%@page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %> <html> <head> <jsp:include page="../common/resource_classic.jsp"