码迷,mamicode.com
首页 > 其他好文 > 详细

模拟项目一(2)&前台界面的理解和分析

时间:2014-09-03 18:17:37      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:乐儿

<table id="tb" border="0" cellspacing="0" cellpadding="0" width="100%">
     <ec:table items="resultList"
               autoIncludeParameters="${empty param.autoInc}"
               var="tdeSTU"
               action="${basePath}/exchange/tester/list.action" title=""
               minHeight="345" 
               listWidth="100%"
               retrieveRowsCallback="limit" 
               sortRowsCallback="limit"
               resizeColWidth="true"
               filterRowsCallback="limit"
               csvFileName="导出列表.csv"
               style="table-layout:fixed"

          <ec:row recordKey="${tdeSTU.sno}">	
                <ec:column cell="checkbox" headerCell="checkbox" alias="ids" 
                    style="text-align:center; "
                    value="${tdeSTU.sno}" 
                    width="50px" 
                    viewsAllowed="html" />
          <ec:column property="SNO" title="学号" width="100px" style="text-align:left; ">
                <a href="#" class="blank_a" onclick="return update('${tdeSTU.sno}');">
                     <font color="#880000">${tdeSTU.sno}</font>
                </a>
          </ec:column>

	 <ec:column property="SNAME" title="姓名" width="100px" style="text-align:left; ">
              ${tdeSTU.name}
         </ec:column>
         <ec:column property="SAGE" title="年龄" width="100px" style="text-align:left; ">
              ${tdeSTU.age}
         </ec:column>	
         <ec:column property="SSEX[=][int]" width="80px" title="性别" 
             style="text-align:left;"
             editTemplate="ecs_t_SSEX">
                  <c:set var="SSEXKey">
                   	<c:out escapeXml='false'  value="${tdeSTU.sex}"></c:out>
                  </c:set>
                  ${testSexTypeMap[SSEXKey]}
         </ec:column>
    </ec:row>
</ec:table>

对于上述代码,做以下了解和学习

一、相关标签的理解

<ec:table中的一些属性:

Items之前以讲过。

action:该属性用于指定翻页、导出、查询请请求时定向的路径.并且不需要将参数放到后面,因为EC会将request中的数据保存。

Var:表将遍历所有列,使用var属性可以将当前行对应的bean集合传到page范围

autoIncludeParameters:是否开启"自动保留"特性.翻页 过滤 排序时当前页的表单域将以hiddeninput的形式被保留(传递到新页面). 可选 true/false ( 默认:true )。

retrieveRowsCallback:指定列表所使用的分页机制。

filterRowsCallback 指定列表所使用的过滤机制。

sortRowsCallback   指定列表所使用的排序机制。

其他的标记,可以在文档中查询到。

 

<ec:row  中的属性:

recordKey:行所对应的记录的唯一主键值。

 

<ec:column中的属性:

Alias 列的别名。

Value 当前默认行 对应bean属性的值。

 

二、关于勾选多个行(ID)操作的问题

首先,会在<ec:row 属性中设置recordKey

其次,会添加一行<ec:column 用来存放一个勾选框(checkbox)。用来记录所有选中ID。

 

三、<c:set 的定义方式

      <c:setvar="SSEXKey">

          <c:outescapeXml=‘false‘ value="${tdeSTU.sex}"></c:out>

      </c:set>

   相当于定义一个set,其中键是SSEXKey,值为 ${tdeSTU.sex}

 

四、关于性别 把数据库中(0,1)转换成页面(男,女)的问题

      思路:

    1.在后台建立了map数组,其中两个map(0,1)对应(男,女)。

    2.在页面 见一个set,用来存放key。

    3.在页面调用传来的map(key)显示男女。


模拟项目一(2)&前台界面的理解和分析

标签:乐儿

原文地址:http://blog.csdn.net/lidongliangzhicai/article/details/39029083

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!