精华内容
下载资源
问答
  • ExtJS 4中自定义Grid列标题的对齐方式

    万次阅读 热门讨论 2011-07-08 17:09:35
    从ExtJS 2.0到目前的4.0,Grid的列标题对齐方式都是和数据的对齐方式一致的...解决办法是,自己重写一下Ext.grid.column.Column对象中渲染列标题的对齐方式的代码。代码只有一句,在afterRender方法中,因而重写afterR

            从ExtJS 2.0到目前的4.0,Grid的列标题对齐方式都是和数据的对齐方式一致的,这不太符合中国人的习惯。解决办法是,自己重写一下Ext.grid.column.Column对象中渲染列标题的对齐方式的代码。代码只有一句,在afterRender方法中,因而重写afterRender方法就行了,具体做法如下。

           首先在本地化文件中添加以下代码:

          

    if(Ext.grid.Column){
    	Ext.grid.Column.override({
    		//要重写的方法
    	});
    }
    


          这里要注意,不要使用习惯的Ext.apply来重写,因为在afterRender方法中要调用callParent方法调用父类的afterRender方法,而这需要用到方法内的”$owner“和”$name“属性,使用apply方法,会丢失这两个属性,导致调用callParent方法失败,因而必须使用override方法重写,这样才可以保留这两个属性。


          接着将afterRender方法的定义代码全部复制到注释中的位置(注意将最后的逗号去掉),然后修改下面代码:


    el.addCls(Ext.baseCSSPrefix + 'column-header-align-' + me.align).addClsOnOver(me.overCls);

         

          这句代码是为列标题添加对齐的样式的,其默认是使用配置项align的值的,因而我们只要添加一个配置项,然后使用该配置项就行了,修改代码如下:

    me.titleAlign = me.titleAlign || me.align;
    
    el.addCls(Ext.baseCSSPrefix + 'column-header-align-' + me.titleAlign).addClsOnOver(me.overCls);
    
    


           代码中添加了一个titleAlign的配置项,如果定义了该配置项,则使用该配置项的值,否则使用align的值,注意一定要修改粗体代码,不然添加的titleAlign就是多余的。

           这样,就可以在列的配置对象中添加titleAlign配置项来设置列标题的对齐方式了。


           最终在本地化文件加入的代码如下:

    if(Ext.grid.Column){
    	Ext.grid.Column.override({
    		//要重写的方法
    	    afterRender: function() {
    	        var me = this,
    	            el = me.el;
    	        me.callParent(arguments);
    	
    	        me.titleAlign = me.titleAlign || me.align;
    	        el.addCls(Ext.baseCSSPrefix + 'column-header-align-' + me.titleAlign).addClsOnOver(me.overCls);
    	
    	        me.mon(el, {
    	            click:     me.onElClick,
    	            dblclick:  me.onElDblClick,
    	            scope:     me
    	        });
    	        if (!Ext.isIE8 || !Ext.isStrict) {
    	            me.mon(me.getFocusEl(), {
    	                focus: me.onTitleMouseOver,
    	                blur: me.onTitleMouseOut,
    	                scope: me
    	            });
    	        }
    	
    	        me.mon(me.titleContainer, {
    	            mouseenter:  me.onTitleMouseOver,
    	            mouseleave:  me.onTitleMouseOut,
    	            scope:      me
    	        });
    	
    	        me.keyNav = Ext.create('Ext.util.KeyNav', el, {
    	            enter: me.onEnterKey,
    	            down: me.onDownKey,
    	            scope: me
    	        });
    	    }
    	});
    }

          粗体代码是修改过的代码。


          示例代码:

         

    var store=Ext.create("Ext.data.ArrayStore",{
    	fields:["id","name"],
    	data:[["1","张三"],["2","李四"]]
    });
    
    Ext.create("Ext.grid.Panel",{
    	renderTo:Ext.getBody(),
    	store:store,	
    	columns:[
    		{text:"编号",dataIndex:"id",flex:1,titleAlign:"center"},
    		{text:"姓名",dataIndex:"name",flex:1}
    	]
    })

    示例结果:

    第一列定义了titleAlign为center,因而列标题会居中对齐。

          

    展开全文
  • 译文: 配置标题对齐# 使用以下属性配置标题对齐: 使用captionAlignment属性指定标题的水平对齐方式,该属性接受左、中(默认)和右的值。 通过将captionOnTop属性的值设置为1,在图表的顶部显示标题。 通过将...

    文档地址
    在这里插入图片描述

    原文:

    Configure Caption Alignment# Use the following attributes to configure
    caption alignment:

    Specify the horizontal alignment of the caption using the
    captionAlignment attribute, which accepts the values of left, center
    (default), and right.

    Display the caption at the top of the chart by setting the value of
    the captionOnTop attribute to 1.

    Align the caption with the canvas area instead of the chart area, by
    setting the value of the alignCaptionWithCanvas attribute to 1.

    Configure the padding (in pixels) from either edge when the caption is
    not center aligned, using the captionHorizontalPadding attribute.

    译文:

    配置标题对齐#

    使用以下属性配置标题对齐:

    使用captionAlignment属性指定标题的水平对齐方式,该属性接受左、中(默认)和右的值。

    通过将captionOnTop属性的值设置为1,在图表的顶部显示标题。

    通过将alignCaptionWithCanvas属性的值设置为1,使标题与画布区域而不是图表区域对齐。

    当标题不是居中对齐时,使用captionHorizontalPadding属性从任一边缘配置padding(以像素为单位)。

    {
        "chart": {
            "alignCaptionWithCanvas": "1",
            "captionHorizontalPadding": "2",
            "captionOnTop": "0",
            "captionAlignment": "right"
        }
    }
    
    展开全文
  • 此时希望可以让标题的对齐对应上单元格的对齐方式 <img alt="image" src="https://user-images.githubusercontent.com/25943199/66070323-adbf9080-e583-11e9-9078-3f6cda9bf6ba.png" /></p>该提问来源于开源项目&#...
  • HTML示例03---标题的对齐方式

    千次阅读 2019-02-17 08:43:26
    1.说明  html的标题标记共有6个,分别是&lt;h1&gt;、&lt;h2&gt;...,每一个标记在字体大小...在默认情况下,标题文字是左对齐的,而在网页制作过程中,可以实现标题文字编排设置。最常用就是关

    1.说明

     html的标题标记共有6个,分别是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,每一个标记在字体大小上都有明显的区别,从<h1>标记到<h6>标记依次变小。

    在默认的情况下,标题文字是左对齐的,而在网页制作的过程中,可以实现标题文字的编排设置。最常用的就是关于对齐方式的设置,可以为标题标记添加align属性进行设置。

    语法格式如下:

    <h1 align="对齐方式">文本内容</h1>

     align对齐方式有三种:left(文字左对齐)、center(文字居中对齐)以及right(文字右对齐)。

    下面给出了一个利用上述特性推荐商品信息的html例子。

    2.代码

    注:需要注意的是代码中图片地址需要换成你自己指定图片的地址,也就是img src=.....位置

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>介绍图书商品</title>
    </head>
    <body>
    <h1 align="center"><img src="../images/百年孤独.png" alt="百年孤独"></h1>
    <h5 align="center">书名:《百年孤独》</h5>
    <h5 align="center">作者:马尔克斯</h5>
    <h5 align="center">出版社:人民邮电出版社</h5>
    <h5 align="center">出版时间:2017年1月</h5>
    <h5 align="center">页数:463页</h5>
    <h5 align="center">价格:25.00</h5>
    </body>
    </html>

    3.运行结果

    展开全文
  • UIButton标题对齐方式

    千次阅读 2013-01-08 14:32:31
    UIButton标题的对齐方式默认为居中,在自定义为左对齐时发现: button.titleLabel.textAlignment=UITextAlignmentLeft;方法并没有生效 正确的做法应该是: [button setContentHorizontalAlignment:...

    UIButton标题的对齐方式默认为居中,在自定义为左对齐时发现:

    button.titleLabel.textAlignment=UITextAlignmentLeft;方法并没有生效

    正确的做法应该是:

    [button setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];

    展开全文
  • 我正在尝试对齐的标题元素,但我无法以我想要的方式对齐。我尝试将Bentaucur大学放在UOB正下方的标题栏中,但要么是它要转向UOB,要么低于它。有人能告诉我哪里做错了。这是我代码。Bootstrap Examplebody {font...
  • 虽然在属性窗口中,可以通过ColumnHeaderDefaultCellStyle属性设置所有列标题的统一对齐方式,但在某些时候,我们可能会因为某种原因,单独设置列标题的对齐方式。比如,对于金额等列,我们通常都会设置成右对齐。 ...
  • html表格标题的垂直对齐方式

    千次阅读 2017-05-19 07:00:02
    设置表格标题的垂直对齐方式 工资条 姓名 基本工资 岗位工资 绩效工资 工龄工资 李 1000 600 800 400 王 800 600 800 400
  • //用一个宏定义FIND求结构体struct s中某个成员变量member相对struct s偏移量. //思考:若struct s地址为0,则其成员member地址就是其相对于s偏移量 //扩展: <1>sizeof(struct s) 不一定等于 sizeof...
  • [btn setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];//设置button标题的对齐方式 转载于:https://www.cnblogs.com/benbenzhu/archive/2013/04/12/3016424.html...
  • 在做前台界面时候,比如一些文字列表或者一些表单的标题,经常是2个字,3个字,4个字类型。一般对齐就是在中间打空格或者用来空开,但是效果并不好,兼容性有问题,造成不美观。经过一番折腾,找到了比较好...
  • UIbutton作为简单且频繁被使用控件,其地位在整个app开发中不可小视。在IB中使用button相对来说很简单,很容易上手,但在多视图开发中button通常会被即时生成,并设置其属性和功能,即通过代码生成。如下是我对...
  • Typora 标题无法对齐

    2021-05-02 00:36:18
    问题图 如下图所示, 有个二级标题和上一个二级标题的子项都没有对齐 解决方式 在 MD 文件的源码中可以看到, 出问题的二级标题前多了三个空格, 删了这三个空格就能解决问题 效果图
  • 这篇文章主要内容是标题对齐同步滚动实现方式。 个人来讲比较喜欢标题对齐,因为这种方式相对于另外两个对用户更友好。 从原理上来讲标题对齐实际上是等比例滚动改良版。因为他们核心都是通过计算编辑
  • latex中设置标题对齐

    千次阅读 2019-10-10 16:24:08
    在ctexart类型文章中,默认 \section{标题} 是居中的,现在需要 \section{摘要}居中,但是后面的section的标题是左对齐的。需要插入以下设置: ...对其前面的section的对齐方式无影响(仍旧维持居中对齐)。 ...
  • 前言 需要给正在写Markodwn编辑器加上同步滚动功能,百度了一通,没...简单粗暴就直接让HTMLElement.scrollTop相等,还有就是让滚动条等比例滚动,还有标题对齐的滚动(这个是我在stackedit上看到)。 这篇...
  • 原文:http://coolketang.com/staticOffice/5a97f2f69f5454403c524dbc.html1. 本节课将为您演示单元格的对齐方式。首先点击选择标题单元格。 2. 然后在[对齐方式]命令组中,点击居中对齐按钮,将单元格的内容在垂直...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,024
精华内容 409
关键字:

标题的对齐方式