`
mutongwu
  • 浏览: 450084 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

设置Grid row 的高度

    博客分类:
  • Ext
阅读更多
对GridPanel 的GridView添加以下配置
 viewConfig:{
                getRowClass:function(record,index,rowParams,store){
                    return 'x-grid3-row mw-grid-row-height'
                }
            }

其中:x-grid3-row为默认设置。mw-grid-row-height为自定义设置的class名称:
.mw-grid-row-height{
	padding-top:10px;
        /*
          text-align:center;
        */
	height:30px;
}

由于 vertical-align  的设置不起作用,只能使用padding属性来进行调整文字的‘居中’等位置。

对于 EditorGridPanel,如果同样嫌原有InputText不够高,可以给grid添加一个Id,并设置如下CSS
#attributeGrid .x-form-text{
	/* 调整字体的位置
        padding-top:5px;*/
	height:20px !important;
}
分享到:
评论

相关推荐

    WPF经典教程之Grid、UniformGrid布局

    以下是一个简单的Grid示例,展示如何创建两行两列的Grid,并设置行和列的高度和宽度: ```xml <Grid> <Grid.RowDefinitions> *" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> </Grid....

    css的grid网格布局

    - grid: 用来设置grid-template-rows、grid-template-columns、grid-template-areas、grid-column-gap以及grid-row-gap的简写属性。 CSS Grid布局的这些属性共同构成了一个强大的网格系统,通过它们,可以轻松创建...

    ASP.NET结合EXTJS动态生成Grid列表的例子程序源码

    EXTJS则是一个前端JavaScript库,它提供了丰富的用户界面组件,如数据网格(Grid)、图表、表单等,能够创建高度交互的Web应用。这个例子程序源码主要展示了如何将两者结合,动态生成Grid列表。 在ASP.NET中,...

    Ag-Grid Demo2.7z

    1. **HTML模板**:包含ag-Grid的初始化和配置,如列定义和数据源的设置。 2. **JavaScript/TypeScript代码**:实现ag-Grid的功能,如监听事件、自定义组件、数据处理等。 3. **CSS样式**:可能包含针对ag-Grid的样式...

    WPF 为Grid自定义表格线,支持单元格行列合并

    <TextBlock Grid.Column="0" Grid.Row="0" Text="Merged Cell Content"/> </Grid> ``` 3. **应用模板**:最后,将定义好的DataTemplate应用于Grid的子元素,并根据需要设置ColumnSpan和RowSpan。这样,当数据...

    jquery.row-grid插件--模拟百度图片搜索结果列表排列

    今天给大家介绍的这款插件jquery.row-grid.js 就实现了这样的效果,不过在使用前,得先把图片高度在css里设置统一 使用方法: 1、将附加中的css样式复制到你的网页中 2、将body中的代码复制到你需要的...

    [WPF] 使用Grid与GridSplitter排版布局

    在这个例子中,我们创建了两行两列的Grid,第一行和第一列的宽度和高度被设置为"Auto",这意味着它们将根据内容自动调整大小。第二行和第二列的宽度和高度被设置为"*",表示它们将占据剩余的空间。 接下来,我们...

    Grid试图的显示与描述

    通过设置列和行的宽度和高度为Auto或Star(*),可以实现内容自适应或比例分配空间。 5. **数据绑定**:在数据驱动的应用程序中,可以将Grid与数据源绑定,自动填充单元格内容。这通常通过MVVM(Model-View-...

    wpf Grid布局

    - **Grid.Row和Grid.Column属性**:每个子元素需要指定其在Grid中的位置,通过设置`Grid.Row`和`Grid.Column`属性,如`<Button Grid.Row="1" Grid.Column="2">`,表示该按钮位于第二行第三列。 2. **Grid Spanning...

    使用Vue-Grid-Layout实现自定义工作台

    Vue-Grid-Layout 提供了一个可拖动、可调整大小的栅格系统,它的核心概念是 `row` 和 `col`。每个组件在工作台上被视为一个 `layout` 对象,包含 `x`, `y`, `w`, `h` 属性,分别代表组件的起始横坐标、纵坐标、宽度...

    dhtmlxgrid

    10. **grid.addRow()** - 添加新行,并可指定初始数据。 **关联文件解释:** 1. **License_GPL.html** - GPL许可协议文件,说明dhtmlxGrid遵循GPL开源协议。 2. **index.html** - 示例或演示页面,展示了dhtmlx...

    掌握Grid布局:构建复杂网页设计的终极指南

    `grid-template-rows` 设置了行的高度为自动;`gap` 定义了行和列之间的间距。 ##### 3. **定义行和列的尺寸** - **像素单位**:适用于固定尺寸的场景。 - **百分比单位**:相对容器大小,适合响应式设计。 - **fr...

    SAP ALV GRID介绍

    - **灵活性**:ALV Grid 控制器非常灵活,可以根据需求进行定制化设置。 - **基本功能**:提供了基本的列表操作功能。 - **自定义能力**:可以通过自定义来增强其功能,满足更复杂的应用场景需求。 - **应用场景**:...

    WPF 基础视频教程(共50集)-7.Grid面板

    我们可以指定每行或每列的高度和宽度,用`Height`和`Width`属性,可以设置为绝对值(像素)或相对值(星号*,表示相对于父容器的剩余空间)。 ```xml <Grid> <Grid.RowDefinitions> *" /> </Grid....

    wpf GridSplitter拖动分隔Grid源码

    这里,我们创建了一个`GridSplitter`,将其设置为可以调整行的高度,并且设置了高度、颜色和对齐方式。 2. **`ResizeBehavior` 和 `ResizeDirection`** - `ResizeBehavior`: 决定了`GridSplitter`改变的是哪一侧...

    view頁面grid的使用

    2. `columnConstraints`和`rowConstraints`:分别用于设置列和行的约束,如宽度和高度。 3. `setHgap`和`setVgap`:设置网格中行和列之间的间距。 在实际项目中,`Grid`布局可以用于创建复杂的网页布局,如多列文章...

    vs2010 wpf Grid GridSplitter 布局 分割

    3. **插入GridSplitter**:在需要分割的行或列之间添加`GridSplitter`,同样指定它的`Grid.Row`、`Grid.Column`以及可能的`Grid.RowSpan`或`Grid.ColumnSpan`。 4. **设置样式和行为**:可以通过样式设置`...

    ExtJS_grid.rar_Grid javascript_extjs grid

    它由Sencha公司开发,是Ext JS库的核心部分,广泛应用于企业级应用的前端开发,提供丰富的功能和高度的可定制性。这个"ExtJS_grid.rar"压缩包包含了关于学习ExtJS Grid的教程资源,特别是"第三节_ExtJS表格控件和树...

    button自适应高度和自动换行

    4. Grid布局换行:使用`grid-auto-flow: row;`和`grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr));`,可以创建一个响应式的网格,按钮会根据容器宽度自动换行。 三、兼容性和性能考虑 确保使用...

Global site tag (gtag.js) - Google Analytics