`
jwen
  • 浏览: 62346 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

html radio框

    博客分类:
  • java
阅读更多
在显示的明细一览,每一行前面加一个radio框,让用户选择哪个user.进行删除操作.
SampleJsp:
  <logic:present name="sampleForm" property="userList" >
  <logic:iterate id="user" name=" sampleForm " property="userList">
  <tr>
    <td>
  <html:radio name="sampleForm" property="selectedUserId" value="<%=((jp.co.mhcb.obs.persis.entity.User)pageContext.getAttribute("user ")).getId().toString() %>" />
   </td>
   <td><bean:write name="user" property="id" /></td>
   <td><bean:write name="user" property="name" /></td>
  </tr>
</logic:iterate>
</logic:present>

sampleForm.java:
    String selectedUserId;
    public String getSelectedUserId () { return selectedUserId; }
    public void setSelectedUserId(String selectedUserId) {
        this.selectedUserId = selectedUserId;
    }
SampleAction.java
public ActionForward delete(ActionMapping mapping,
  ActionForm argForm, HttpServletRequest req, HttpServletResponse res)
        throws Exception {
        SampleForm form = (SampleForm) argForm;
        String selectedUserId = form.getSelectedUserId();
        // get user by selected id
        User user = getUser(selectedUserId);
        // delete user
        }
radio框. propertys值对应form里的对象.value值是该行radio对应的user中的id(数据表中user的id是主键),那么当用户选中任何一个radio,struts通过form得到propertys值,就可以得到选中哪个user了,然后进行相应操作.
设置哪个user被选中,一是通过用户选择,没的说.二,通过程序控制,如果进入初期画面,我要让user.id = ‘3’的radio被选中,只要在初期Action中form.selectedUserId(“3”);一切搞定,就一句话,进入初期画面时, user.id = ‘3’的radio被选中了.

注意以下标签
<html:radio name="sampleForm" property="selectedUserId" value="<%= ((jp.co.mhcb.obs.persis.entity.User)pageContext.getAttribute("user ")).getId().toString() %>" />
下面发挥想象一下以下标签啥意思?
<html:radio name="sampleForm" property="selectedUserId" value="<%= ((jp.co.mhcb.obs.persis.entity.User)pageContext.getAttribute("user ")).getObject1().getObject1().getObject2()…………getObjectN().getId().toString() %>" />
能看出来什么?
User包含object1,object2包含object3,….objectN-1包含objectN,objectN有id属性.
看出来了吗?灵活运用,想象一下,各个entity和form,action该如何写?


<html:checkbox >
<html:checkbox name=" sampleForm" property="chechbox1" value="true" />
<html:checkbox name=" sampleForm" property="chechbox2" value="false" />
<html:checkbox name=" sampleForm" property="chechbox3" value="true" />
第二个框未选中,其他选中.form里面对应三个String chechbox1,chechbox2, chechbox3;下面来个复杂点的,多选择对话框multibox
SampleJsp中:
<logic:iterate name = "sampleForm" id="user" property="userList">
  <html:multibox property="selectedUsers">
    <bean:write name="user" property="id"/>
  </html:multibox>
  <bean:write name="user" property="name"/>
</logic:iterate>

SampleForm中:
    private String userList[] = new String[0];
    public String[] getUserList () { return userList;}
    public void setUserList(String[]userList) {this.userList = userList;}

    private String selectedUsers[] = new String[0];
    public String[] getSelectedUsers () {return selectedUsers;}
    public void setSelectedUsers (String[]selectedUsers) {this.selectedUsers = selectedUsers;}

如果我们在初期时在action里对bean赋值:
userList = { User(”1”,”name1”), User(”2”, ”name2”), User(”3”,”name3”) }
selectedUsers = {“1”,”3”}
那画面选中第一第三个选择框.

用户修改选择框,选择了第二,第三个,那么在action里取bean的值
String selectedItems[] = new String[list.getSize()];
selectedItems = form.getSelectedItems();
for ( int i = 0 ; i < selectedItems.length ; ++i ){
  LOGGER.debug( "selected " + i + ": " + selectedItems[i]);
}
Selected 0 : 2
Selected 1 : 3
selectedUsers = {“2”,”3”}

如何确定选中那条数据呢??
画面上有一user表,每条数据前面有个button,对应一条记录,如何确定选中那条数据呢??

SampleJsp:
<logic:iterate id="user" indexId="buttonIndex" name="sampleForm" property="userList">
<tr>
<td>
<html:submit property="button" indexed='false' >
<bean:message key="label.button.selectUser"/>
</td>
<td><bean:write name="user" property="id" /></td>
<td><bean:write name="user" property="name" /></td>
</tr>
<html:hidden name="sampleForm" property="selectUserIndex" value='<%= "" + buttonIndex %>'/>
</logic:iterate>

SampleAction.java
   int index = Integer.parseInt(form.getSelectUserIndex());
   通过一个隐藏变量,得到选中第几条数据,然后就能做相应处理.

Session—> jsp显示数据
session也能让jsp显示数据.但如果我做为设计者,是不提倡这样做的.为什么就不说了.但日本以前的设计很可能会用到session和jsp传数据.那我就有必要讲一下如何用了?做为高达的设计者还是尽量不要用session和jsp沟通.
有个下拉列表框,里面显示所有用户名称.用session传数据.
SampleJsp:
<%pageContext.setAttribute("userList",(List) (FwThreadContext
                .getAttribute("AllUser")));
%>
<html:select property="selectedUser">
  <html:options collection="userList" property="id" labelProperty="name" />
</html:select>

SampleForm.java:
    String selectedUser;
Form里只要一个selectedUser,表示选择的user. 下拉列表框用session表示.
在action等地方设置了session的内容,那下拉列表框就能显示内容了.这里session名为AllUser, labelProperty="name"是下拉列表框显示的东东, property="id"是下拉列表框每条数据隐藏的东东.通过property="selectedUser"里得到选中那条数据

<html:text name="sampleForm" property="name"
value="<%= (FwThreadContext.getAttribute("UserName")).toString() %>" />
这里很简单就是把session名为UserName设置到Text框中.得的时候还是通过form中的name得到.
分享到:
评论

相关推荐

    html修改默认单选框样式

    修改默认单选框样式 适用于所有浏览器 包括IE8+ 功能和单选框的功能相同!后台可读取checked属性

    取消选中单选框radio的三种方式示例介绍

    本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 代码如下: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;...

    自定义radio&checkbox;样式

    自定义radio&checkbox;样式,不兼容IE8。利用css3选择器讲样式重构默认radio&checkbox;样式,可以自行优化样式代码。

    HTML复选框和单选框 checkbox和radio事件介绍

    checkbox 和 radio的事件选择一度让我很迷惑。 开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。发现click比...

    radio 单选复选框美化

    radio 单选复选框美化

    js 特效 html 特效 RADIO导航(一)

    js 特效 html 特效 RADIO导航(一)

    html5 css3 复选框Checkbox、单选框Radiobox按钮美化实例.rar

    纯CSS3美化复选框和单选框按钮,用HTML5的CSS3技术美化网页上的Checkbox和Radiobox按钮,经过美化后,变得时尚多了,和默认风格完全不一样了,美化后的风格也是目前在手机上比较容易看到的效果,实现方法和具体代码...

    jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 代码如下:&lt;html&gt; &lt;head&gt; &lt;title&gt;单选框radio绑定click事件&lt;/title&gt; &lt;meta ...

    带动画效果的CSS3 checkbox复选框、radio单选按钮特效.rar

    又一款漂亮的带动画效果的CSS3 checkbox复选框、radio单选按钮特效,鼠标点击那些按钮时,会有动画效果,而且一改默认单选框和复选框的呆板样式,将里面的对勾和小点换成了其它的自定义图案,比原来的漂亮多了。

    mycheck-radio.html

    原始的复选框和单选框都不好看,因此我们需要按实际情况定制个性的样式,比如,选中时背景颜色改变、有动画效果等等。常见的实现方式大概思路有两种:一种是当相应的按钮点击时,改变背景图片。另一种则是利用伪类...

    三种取消选中单选框radio的方法

    本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;...

    radio-buttons-test.html

    纯样式实现Radio单选框的分享代码

    纯css3实现效果超级炫的checkbox复选框和radio单选框

    今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框,效果超级炫。先让我们看看图吧! 源码下载这个实例完全由css3实现的没有任何js代码。下面我们一起看下实现代码吧 html代码: 复制代码代码如下: ...

    layui radio性别单选框赋值方法

    Html 性别 &lt;input type=radio name=sex id=sex value=1 title=男 &gt; &lt;input type=radio name=sex id=sex value=2 title=女&gt; &lt;/div&gt;

    layui 实现自动选择radio单选框(checked)的方法

    HTML表单: 消息通知 &lt;input name=is_notice value=1 type=radio title=通知 checked=&gt; &lt;input name=is_notice value=0 type=radio title=不通知&gt; JS用ajax去后端取回数据: $.get

    单选按钮(radio)的取消与选中

    js控制单选按钮(radio)的取消与选中,javascript单选按钮

    7个最新jQuery/HTML5应用及源码下载

    这是一款基于jQuery和CSS3的动画Tab菜单,这款Tab菜单是以单选框Radio为原型的,通过CSS3样式特性对radio的渲染,形成了一个外观看上去像tab菜单的样子。另外特别的是,tab菜单在切换时内容页还会出现淡入淡出的动画...

    php radio 单选框获取与保持值的实现代码

    php 读取单选按钮radio值 复制代码 代码如下: &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt;&lt;head&gt; &lt;meta http-equiv=”Content-Type” content=”text/...input type=”radio” name=”RadioGroup1

    CSS3实例分享–超炫checkbox复选框和radio单选框

    今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框,效果超级炫。先让我们看看图吧! 这个实例完全由css3实现的没有任何js代码。下面我们一起看下实现代码吧 html代码: 复制代码代码如下:...

Global site tag (gtag.js) - Google Analytics