struts2 radio 标签默认为横排
以下为实现竖排的方法
例如
<s:radio name="summaryType" list="radioList" listKey="key" listValue="value" value="'customer'"></s:radio>
注:value="'customer'"-->里面的customer也有单引号,(OGNL方面的原因),customer是默认的选项
在这里radioList是在action里构造的一个HashMap对象.当只有几个radio选项,横排是没有问题的,不会影响用户的使用,但是这里遇到的需求是会有很多个raido,如果都是横排的话,就很丑,而且radio的label长度也都不一样,所以单单只用css解决不是很方便,以下是具体不好解决的原因是:
struts2自动封装好的radio标签经过解析,生成的html代码如下:
<input type="radio" name="summaryType" id="summaryTyperegion"
value="region"/>
<label for="summaryTyperegion">按销售区域统计销售金额</label>
<input type="radio" name="summaryType" id="summaryTypecustomer" checked="checked" value="customer"/>
<label for="summaryTypecustomer">按客户统计销售金额</label>
....
生成的input和label不在一个层中,所以css控制会有问题.
注:因为lable的长度不一样,使用struts raido 标签的cssStyle属性也不能实现需求(郁闷...)
所以采用以下土方法处理....
<c:forEach items="${detailsSearchRadioList}" var="radioOption">
<div class="radioPart">
<input type="radio" name="summaryType" id="summaryType" value="${radioOption.key}"/>
<label>${radioOption.value}</label>
</div>
</c:forEach>
在css写一个类 . radioPart{float:left;}
搞定~
分享到:
相关推荐
本篇将详细解释如何在Struts2中实现`checkboxlist`标签的竖排功能。 首先,了解`checkboxlist`的基本用法。`checkboxlist`通常与Action类中的List或Array类型的属性关联,用于呈现一系列可供用户选择的选项。例如:...
- 在Android默认情况下,Canvas的绘图方向是水平的,如果要实现竖排写字,我们需要改变文本的排列方式。 - 可以通过设置Paint的`paint.setTextAlign(Paint.Align.RIGHT)`使文本右对齐,再配合`canvas.translate()`...
本篇将深入探讨如何利用FlowLayout实现“竖排RadioButton”以及多行单选功能。 在Android中,默认的RadioGroup布局通常是水平方向的,如果需要将RadioButton竖直排列,我们可以自定义一个FlowLayout。FlowLayout...
本教程将详细介绍如何利用MFC自绘控件来实现竖排的TAB sheet控件,并且在每个选项卡上添加图标。 首先,我们需要创建一个继承自CPropertySheet的类,例如命名为`CMyPropertySheet`。`CPropertySheet`是MFC中用于...
使用python 2.7,初学,代码比较简单。 numPrinter.py 复制代码 代码如下: #!/usr/bin/env python # -*- coding: utf-8 -*- ”’ @Author:Quico Tomy @Function:Input a phone number and print by line ...
在网页设计中,CSS...通过以上方法,我们可以使用CSS轻松实现文字竖排效果,为网页增添独特的设计感和功能。在实践过程中,可以根据具体需求进行微调,确保在各种设备和浏览器环境下都能呈现出理想的视觉效果。
今天,我们将分享三种不同的方法来实现文字竖排和横排的转换。 方法一:利用文字方向来实现竖排 在Excel中,用户可以通过设置单元格的文字方向来实现竖排。具体步骤如下: 1. 选中需要竖排的单元格; 2. 单击菜单...
2. 绘图逻辑:在自定义控件的OnPaint方法中,使用Graphics对象进行文字的绘制,应用旋转和定位。 3. 文本处理:可能包含对输入文本的处理,如换行、对齐方式的转换等。 4. 事件处理:响应用户的输入和操作,如键盘...
2. 使用`direction`属性:虽然`direction`属性主要用来设定文本的流方向,但配合`writing-mode`,也可以实现竖排效果。例如,`writing-mode: horizontal-tb; direction: rtl;`会让文本从顶部向下,从右向左排列。 3...
在本文中,我们将深入探讨如何在WPF中实现竖排按钮显示,并了解相关技术细节。 首先,WPF提供了多种布局系统,包括StackPanel、Grid、Canvas等,其中StackPanel特别适合用来实现竖排布局。StackPanel会按照其...
1. 包里包含源码和一个测试用例,可直接看到效果。 2. 竖排文字的一些说明,移步以下链接 https://blog.csdn.net/piaoyun29/article/details/123255514
本文将详细介绍如何使用ArcGIS Maplex实现竖排文字的操作。 首先,确保你已经安装了包含Maplex扩展的ArcGIS Desktop版本,因为竖排文字的功能是Maplex的一部分。未安装Maplex的用户需要先通过ArcGIS Desktop的...
2. **字符串处理**:为了实现竖排输出,我们需要将输入的字符串逐行处理,可能需要使用`substring()`、`charAt()`等方法,将字符串拆分成单个字符。 3. **循环结构**:使用`for`或`while`循环来遍历字符串中的每个...
"实现竖排ViewPager+ListView动态加载数据"这个项目就是针对这种需求的一个实践。 **ViewPager组件**: ViewPager是一个强大的Android视图组件,它允许用户水平滑动浏览多个页面。在本项目中,ViewPager被改造以...
总之,PHP中文竖排转换实现方法是一种将水平阅读文本转换为竖向阅读模式的技术,适用于网页展示古文、诗词等特殊内容。通过上述步骤,可以实现将输入的中文文本转换为竖排形式,为用户提供别具一格的阅读体验。
实现竖排文字的另一种常见方法是通过限制元素的宽度,使得单个字符无法在同一行内并排显示,从而自然地迫使文本换行。例如: ```html <!DOCTYPE html> ; charset=utf-8" /> 竖列排版实例 body { text-align: ...
本资源“C#语言实现的文字竖排工具程序源码.rar”是一个非常实用的学习材料,尤其对于那些希望深入理解C#编程或想要开发文本处理应用的开发者来说。 文字竖排,又称垂直排版,是一种特殊的文本显示方式,常见于东亚...
以上代码中,我们首先保存了Canvas的状态,然后旋转canvas使其在y轴上正向向下,即实现了竖排效果。接着,我们计算每个文本行的位置并进行绘制。最后,恢复canvas的状态以完成绘制。 在布局文件中,你可以像使用...
通过上述多种方法,网页开发者可以根据不同的需求和技术条件来选择最适合的竖排文字实现方式。需要注意的是,随着HTML5和CSS3标准的完善,一些旧的方法可能不再被推荐使用,但它们在特定的环境和条件下仍然可以发挥...
这不仅需要修改控件的数据结构,还需要调整创建逻辑及绘制逻辑,确保新功能的实现不会影响原有的竖排功能。 #### 修改步骤详解 1. **修改RADIO_Private.h文件** - 在`RADIO_obj`数据结构中增加两个变量: - `U8...