<script type="text/javascript">

  jQuery(document).ready(function () {
preSelect();
}); function preSelect(){
//for first Navigation
var inputs = jQuery(".tablet_fibre_first_navigation").find("td");
inputs.each(function(i){
inputs.eq(i).click(function(){
changeFirstNavigationStyle(inputs.eq(i));
test();
});
});
}
function test() {
Richfaces.showModalPanel('panelLoading'); } function changeFirstNavigationStyle(obj){
var objs = jQuery(".first_navigation_td_selected");
if(objs.eq(0)){
objs.eq(0).removeClass("first_navigation_td_selected").addClass("first_navigation_td").find("div").removeClass("first_navigation_selectedDiv").addClass("first_navigation_unSelectedDiv");;
}
jQuery(obj).attr("className","first_navigation_td_selected");
if(jQuery(".white") && jQuery(".white").eq(0)){
jQuery(".white").eq(0).attr("className","black");
}
jQuery(obj).find("div").removeClass("first_navigation_unSelectedDiv").addClass("first_navigation_selectedDiv").find("span").attr("className","white");
}
</script>

jsf:

<div class="tablet_fibre_first_navigation" >
<table id="first_navigation" style="width:100%" >
<tr>
<a4j:repeat value="#{catalogCartBean.premiumCatlogPlanList}" id="first_Navigation" var="fiber_premium1" >
<rich:column styleClass="#{catalogCartBean.selectedPremiumTypeID==fiber_premium1.premium_type_id?'first_navigation_td_selected':'first_navigation_td'}">
<a4j:commandLink style="text-decoration:none" actionListener="#{catalogControllerBean.changeSelectFiberPremiumModelList}" reRender="panelPremium, paneltabletDesc,premiumDisplaylabel, h_custSelectedPremium, secondNavigationTable" > <a4j:support event="onclick" oncomplete="timerComplete();">
<f:setPropertyActionListener target="#{catalogCartBean.selectedPremiumTypeID}" value="#{fiber_premium1.premium_type_id}" />
</a4j:support> <div class="first_navigation_unSelectedDiv">
<br><br>
<span class="black" ><h:outputText value="#{fiber_premium1.premium_desc}" escape="false"/></span>
<br><br>
</div>
</a4j:commandLink>
</rich:column>
</a4j:repeat>
</tr>
</table>
</div>

JSF多列预选择的更多相关文章

  1. c#Winform程序调用app.config文件配置数据库连接字符串 SQL Server文章目录 浅谈SQL Server中统计对于查询的影响 有关索引的DMV SQL Server中的执行引擎入门 【译】表变量和临时表的比较 对于表列数据类型选择的一点思考 SQL Server复制入门(一)----复制简介 操作系统中的进程与线程

    c#Winform程序调用app.config文件配置数据库连接字符串 你新建winform项目的时候,会有一个app.config的配置文件,写在里面的<connectionStrings n ...

  2. DataGridView中添加CheckBox列用于选择行

    DataGridView中添加CheckBox列用于选择行 1,编辑DataGridView,添加一列 CheckBox ,Name 赋值为 "select",如下图: 2,取消 ...

  3. SQL面试题:有A B C三列,用SQL语句实现:当A列大于B列时选择A列否则选择B列

    .请教一个面试中遇到的SQL语句的查询问题 表中有A B C三列,用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列. ------------------- ...

  4. 用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列。

    数据库中有A B C三列,用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列. 方法一: select (case when a>b then a el ...

  5. Revit选择增强插件易蜀预选择过滤器

    Revit本身提供的选择过滤器能让我们快速选择到我们需要的图元,而将那些不需要的图元排除在选择集之外,如下图所示,假如我们需要选择全部的风管弯头,那么一种方法,我们可以点选,还有就是框选所有弯头,这样 ...

  6. 关于uuid与自增列的选择

    关于uuid与自增列的选择 在db交流群里看到有人提问,说他的userName 登录名是唯一的,可以用其做主键嘛,如果用自增列,那又要多一列. 后面又说,如果要用主键ID,用uuid会不会好一些呢?作 ...

  7. SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列

    分享一道今天的面试题:SQL语句实现:数据库中有A B C三列,当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列 第一种:使用case when...then...else ...

  8. 【变态需求】bootstrapTable列排序-选择正序倒序不排序

    产品经理:那个table排序能不能点击后弹个选项选择正序倒序不排序? -- 那个是bootstrapTable的插件!不支持!改不了!! 注意:数据上假的,效果看http请求参数进行脑补 这是boot ...

  9. MySQL列类型选择

    比如年龄这个字段可以使用  1990-03-15  也可以用  19900315表示在列类型上可以选择 char 和 int:如果一个字段可以选择多种类型,尽量选择一个更快的类型:字段类型优先级   ...

随机推荐

  1. vijos 1082

    描述 东非大裂谷中有一片神秘的丛林,是全世界探险家的乐园,著名黄皮肤探险家BB一直想去试试.正好我国科学家2005年4月将首次对东非大裂谷进行科考,BB决定随科考队去神秘丛林探险.在出发之前,他搜集了 ...

  2. 208. Implement Trie (Prefix Tree) -- 键树

    Implement a trie with insert, search, and startsWith methods. Note:You may assume that all inputs ar ...

  3. IOS-网络(GET请求和POST请求、HTTP通信过程、请求超时、URL转码)

    // // ViewController.m // IOS_0129_HTTP请求 // // Created by ma c on 16/1/29. // Copyright © 2016年 博文科 ...

  4. JS 取出DataGrid 列

    var dt = document.all.<%= dgList.ClientID %>//找到你的grid在客户端的table for(var i = 1; i < dt.rows ...

  5. Beta阶段第1周/共2周 Scrum立会报告+燃尽图 06

    作业要求与 [https://edu.cnblogs.com/campus/nenu/2018fall/homework/2284] 相同 版本控制:https://git.coding.net/li ...

  6. 外汇EA(LRY_FX_Robot_V5)

    EA介绍 EA类型是马丁+策略,EA主要功能有风控设置(预付款.浮亏.加仓层数等达到多少进行操作).移动止损(包括隐藏移动止损).帮我操作手动单子(如果你开了首仓不会操作这个功能可参帮你加仓平仓移动止 ...

  7. timer Compliant Controller project (3)--bom and sch

    After optimization of structural solution , I  must prepare the bom and  drawing circuit diagram as ...

  8. js设计模式整理

    单例模式 恶汉式单例 实例化时 懒汉式单例 调用时构造函数模式 1.实现一 function Car(model, year, miles) { this.model = model; this.ye ...

  9. nmcli 命令的基本使用

    nmcli命令 地址配置工具:nmcli nmcli  device  查看所有网卡的信息 nmcli  device  status 和numcli device 相同 nmcli  device ...

  10. Ubuntu下MySQL数据库文件 物理迁移后 出现的问题

    参考资料: https://www.cnblogs.com/advocate/archive/2013/11/19/3431606.html 本文要解决的一个问题是数据库文件进行物理迁移时遇到的问题. ...