首页 > 代码库 > 模拟项目一(2)&前台界面的理解和分析

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

<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=http://www.mamicode.com/"${tdeSTU.sno}" >

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

一、相关标签的理解

<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=http://www.mamicode.com/"${tdeSTU.sex}">

      </c:set>

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

 

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

      思路:

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

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

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


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