`
bsnopwantd
  • 浏览: 20727 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

struts2 radio 实现竖排的方法

阅读更多
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;}
搞定~


3
0
分享到:
评论

相关推荐

    struts2标签chekboxlist实现竖排代码

    本篇将详细解释如何在Struts2中实现`checkboxlist`标签的竖排功能。 首先,了解`checkboxlist`的基本用法。`checkboxlist`通常与Action类中的List或Array类型的属性关联,用于呈现一系列可供用户选择的选项。例如:...

    android利用Paint在Canvas上实现竖排写字

    - 在Android默认情况下,Canvas的绘图方向是水平的,如果要实现竖排写字,我们需要改变文本的排列方式。 - 可以通过设置Paint的`paint.setTextAlign(Paint.Align.RIGHT)`使文本右对齐,再配合`canvas.translate()`...

    流式布局,竖排RadioButton

    本篇将深入探讨如何利用FlowLayout实现“竖排RadioButton”以及多行单选功能。 在Android中,默认的RadioGroup布局通常是水平方向的,如果需要将RadioButton竖直排列,我们可以自定义一个FlowLayout。FlowLayout...

    mfc 自绘控件实现 竖排TAB sheet控件

    本教程将详细介绍如何利用MFC自绘控件来实现竖排的TAB sheet控件,并且在每个选项卡上添加图标。 首先,我们需要创建一个继承自CPropertySheet的类,例如命名为`CMyPropertySheet`。`CPropertySheet`是MFC中用于...

    Python实现竖排打印传单手机号码易撕条

    使用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实现文字竖排效果.rar

    在网页设计中,CSS...通过以上方法,我们可以使用CSS轻松实现文字竖排效果,为网页增添独特的设计感和功能。在实践过程中,可以根据具体需求进行微调,确保在各种设备和浏览器环境下都能呈现出理想的视觉效果。

    android 字体竖排

    以上代码中,我们首先保存了Canvas的状态,然后旋转canvas使其在y轴上正向向下,即实现了竖排效果。接着,我们计算每个文本行的位置并进行绘制。最后,恢复canvas的状态以完成绘制。 在布局文件中,你可以像使用...

    excel表格如何把横排变成竖排.doc

    今天,我们将分享三种不同的方法来实现文字竖排和横排的转换。 方法一:利用文字方向来实现竖排 在Excel中,用户可以通过设置单元格的文字方向来实现竖排。具体步骤如下: 1. 选中需要竖排的单元格; 2. 单击菜单...

    竖排按钮显示

    在本文中,我们将深入探讨如何在WPF中实现竖排按钮显示,并了解相关技术细节。 首先,WPF提供了多种布局系统,包括StackPanel、Grid、Canvas等,其中StackPanel特别适合用来实现竖排布局。StackPanel会按照其...

    文字竖排编辑器

    2. 绘图逻辑:在自定义控件的OnPaint方法中,使用Graphics对象进行文字的绘制,应用旋转和定位。 3. 文本处理:可能包含对输入文本的处理,如换行、对齐方式的转换等。 4. 事件处理:响应用户的输入和操作,如键盘...

    文本框文字竖排

    2. 使用`direction`属性:虽然`direction`属性主要用来设定文本的流方向,但配合`writing-mode`,也可以实现竖排效果。例如,`writing-mode: horizontal-tb; direction: rtl;`会让文本从顶部向下,从右向左排列。 3...

    Java输出竖排古典文字

    2. **字符串处理**:为了实现竖排输出,我们需要将输入的字符串逐行处理,可能需要使用`substring()`、`charAt()`等方法,将字符串拆分成单个字符。 3. **循环结构**:使用`for`或`while`循环来遍历字符串中的每个...

    Unity竖排文字的实现(2019以上新版本可用)

    1. 包里包含源码和一个测试用例,可直接看到效果。 2. 竖排文字的一些说明,移步以下链接 https://blog.csdn.net/piaoyun29/article/details/123255514

    实现竖排viewpager+listview动态加载数据

    "实现竖排ViewPager+ListView动态加载数据"这个项目就是针对这种需求的一个实践。 **ViewPager组件**: ViewPager是一个强大的Android视图组件,它允许用户水平滑动浏览多个页面。在本项目中,ViewPager被改造以...

    C#语言实现的文字竖排工具程序源码.rar

    本资源“C#语言实现的文字竖排工具程序源码.rar”是一个非常实用的学习材料,尤其对于那些希望深入理解C#编程或想要开发文本处理应用的开发者来说。 文字竖排,又称垂直排版,是一种特殊的文本显示方式,常见于东亚...

    HTML竖排菜单制作

    &lt;li&gt;&lt;a href="#"&gt;菜单2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;菜单3&lt;/a&gt;&lt;/li&gt; &lt;!-- 更多菜单项... --&gt; ``` 这里的`class="vertical-menu"`是一个CSS选择器,用于稍后在CSS中定义竖排样式。 接下来,我们转向CSS部分。要使...

    实现文字竖排

    实现文字竖排 实现方法,传入一个字符串,代表横排文字。传入一个整型值代表折行的位置。返回一个字符串,输出该字符串则横排文字已被转换为竖排文字(从右向左)

    radio和文字垂直对齐

    radio和文字垂直对齐,单选框和文字垂直对齐,兼容各大主流浏览器,附带样例代码,一看就会,一用网不了!呵呵

    C#203文字竖排工具

    【C#203文字竖排工具】是一个基于C#编程语言开发的软件工具,主要用于实现文本的竖向排列展示。在传统的横排文本显示方式中,字符从左到右排列,而在竖排模式下,字符则从上到下依次排列,这在处理一些特定的文本...

Global site tag (gtag.js) - Google Analytics