设置动态的id或是其他的属性
来源:互联网 发布:htpp 123js.cn 编辑:程序博客网 时间:2024/05/21 21:05
<%int i = 0; %>
<s:iterator value="#session.sel" var="sel"><input type="text" id="+<%=i++ %>+" value="<s:property value="#sel.value"/>">
</s:iterator>
session.sel这是session种放的list;
下面的这个例子是我做的项目(根据取到的每个值,再将字体背景色改变):
<div class="adv-table">
<table class="display table table-bordered table-striped" id="example">
<thead>
<tr>
<th class="hidden-phone" style="width: 123px;">设备编号</th>
<th class="hidden-phone">设备型号</th>
<th>序列号</th>
<th>业务用途</th>
<th class="hidden-phone">业务Ip</th>
<th class="hidden-phone">管理Ip</th>
<th class="hidden-phone">服务级别</th>
<th class="hidden-phone">出保日期</th>
<th>系统管理员</th>
<th class="hidden-phone">监控状态</th>
<th class="hidden-phone">可用性</th>
</tr>
</thead>
<tbody>
<%int i = 0; %>
<c:forEach items="${hostList}" var="hostList">
<tr class="gradeX">
<td id="navigation" style="width: 157px;"><a href="/itm/host/${hostList.name }" target="_blank">${hostList.host }</a></td>
<td>${hostList.inventory.software_app_e==null?' ':hostList.inventory.software_app_e }</td>
<td>${hostList.inventory.serialno_a==null?' ':hostList.inventory.serialno_b }</td>
<td>${hostList.inventory.url_a==null?' ':hostList.inventory.url_a }</td>
<td>${hostList.inventory.poc_2_screen==null?' ':hostList.inventory.poc_2_screen }</td>
<td id="navigation">${hostList.inventory.site_notes }</td>
<td>${hostList.inventory.site_rack }</td>
<td class="center hidden-phone">${hostList.inventory.site_country }</td>
<td class="center hidden-phone">${hostList.inventory.poc_2_phone_a }</td>
<td style="text-align: center;">
<c:choose>
<c:when test="${hostList.status =='1'}">
<span class="badge bg-important"> </span>
</c:when>
<c:otherwise>
<span class="badge bg-success"> </span>
</c:otherwise>
</c:choose>
</td>
<td style="text-align: center; width:102px;">
<div id="<%=i%>available" class="font-fourdiv">
<i class="icon-zabbix_unknown font-fouri"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span></i>
</div>
<div id="<%=i%>snmp_available" class="font-fourdiv">
<i class="icon-snmp_unknown4 font-fouri"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span></span><span class="path7"></span></i>
</div>
<div id="<%=i%>jmx_available" class="font-fourdiv">
<i class="icon-jmx_unknown font-fouri"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
</div>
<div id="<%=i%>ipmi_available" class="font-fourdiv">
<i class="icon-ipmi_unknown font-fouri"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
</div>
</td>
<%i++; %>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</section>
</div>
如下是js部分:
<% int j = 0;%>//这里也设置变量,与jsp的i相对应
<c:forEach items="${hostList}" var="hostList" varStatus="hostext">
<script type="text/javascript">
$(function(){
var available = '${hostList.available}';//foreach循环出来的值
var index = '<%=j%>';
alert("index:"+index);
var div_available= $("#"+index+"available");
if(available==0){
div_available.addClass("font-gray");
} else if(available==1){
div_available.addClass("font-green");
} else{
div_available.addClass("font-red");
}
var snmp_available = '${hostList.snmp_available}';
var div_snmp_available = $("#"+index+"snmp_available");
if(snmp_available==0){
div_snmp_available.addClass("font-gray");
} else if(snmp_available==1){
div_snmp_available.addClass("font-green");
} else{
div_snmp_available.addClass("font-red");
}
var jmx_available = '${hostList.jmx_available}';
var div_jmx_available = $("#"+index+"jmx_available");
if(jmx_available==0){
div_jmx_available.addClass("font-gray");
} else if(jmx_available==1){
div_jmx_available.addClass("font-green");
} else{
div_jmx_available.addClass("font-red");
}
var ipmi_available = '${hostList.ipmi_available}';
var div_ipmi_available = $("#"+index+"ipmi_available");
if(ipmi_available==0){
div_ipmi_available.addClass("font-gray");
} else if(ipmi_available==1){
div_ipmi_available.addClass("font-green");
} else{
div_ipmi_available.addClass("font-red");
}
});
</script>
<% j=j+1;%>
</c:forEach>
这样的操作有很多种 , 也很灵活。
一、取整行或是某一列,如果他们有唯一性的值,那把jsp元素的id定义为这个唯一性的值,js也是可以通过循环取到这个值,同他也找jsp的元素。
二、也可以弄个函数,传个参数,通过这个参数来取jsp对象。
- 设置动态的id或是其他的属性
- Android 动态设置view的id,id设置为数字
- 动态设置HyperLink的属性
- DataGridView1的属性动态设置
- 动态设置js的属性
- Ant、Maven或是其他?谈Java构建工具的未来
- JS运用id得到其他的属性值及jquery对相同属性的class扫描
- get_the_ID 取得当前PAGE 或是POST 的ID
- SharePoint 2010 内容路由根据设置的Rule将Document 动态dispatch到不同的Library或是SubFolder中
- 没有设置数据库字段ID属性为UNSIGNED的代价
- checkbox复选框多选的时候获取除ID以为的其他属性
- checkbox复选框多选的时候获取除ID以为的其他属性
- 动态设置组件的itemRenderer属性
- 动态设置组件的itemRenderer属性
- SilverLight MultiScaleImage 的Source属性动态设置
- jQuery中动态设置表格的属性
- 动态设置TextView的android:drawableLeft属性
- 动态设置控件属性的值
- 1.1 U-Boot工作过程
- 在论坛中出现的比较难的sql问题:42(动态行转列 考勤时间动态列)
- poj1511最短路 spfa
- 【SQL 语言】SQL 语言学习笔记
- android学习项目
- 设置动态的id或是其他的属性
- MySQL 查询 根据某个字段查询,且字段值为整数,放在Where 条件上
- 文本处理
- 牛客网 | 无判断max&&无判断交换
- MongoDB的安装与设置MongoDB服务
- MTK 摄像头调试
- Android程序后台开启服务,显示通知栏
- 带着问题学习Android中View的measure测量
- 通过注册表修改tomcat虚拟机内存大小