aspose file tools

The moose likes HTML, CSS and JavaScript and the fly likes How to highlight a particular row of DisplayTag table?

A friendly place for programming greenhorns!

Big Moose Saloon

Search | Java FAQ | Recent Topics

Win a copy of Arduino in Action this week in the General Computing forum!

A special promo: Enter your blog post or vote on a blogger to be featured in an upcoming Journal

JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript

Author

How to highlight a particular row of DisplayTag table?

Happy S Singh
Ranch Hand

Joined: Nov 14, 2011
Posts: 47

posted

0

I want to highlight the DisplayTag's row which has value `'Total'` for this I was trying through javascript but I am uable to do that .Below is the snippet which I am using.Please guide.

I am getting the alert when there is Total in 2nd column but it does not get highlighted.

How to highlight a particular row which has value `Total` in 2nd column?

<script type="text/javascript">
            function onLoad(){
                var table = document.getElementById("data");    
                var tbody = table.getElementsByTagName("tbody")[0];
                var rows = tbody.getElementsByTagName("tr");
               
                for (i=0; i < rows.length; i++) {
                    var value = rows[i].getElementsByTagName("td")[1].firstChild.nodeValue;
                    
                    if (value == 'Total') {
                    	alert('true');
                        rows[i].style.backgroundColor = "red";
                    	
                                }
                }
            }
            
            </script>
        <body onload="onLoad();">
        <%AppUtil oAppUtil=new AppUtil();%>
        <jsp:useBean id="realTimeIssuance" scope="session" class="com.mindcraft.mis.tpd.actionform.afRealTimeIssuance"></jsp:useBean>
        
        <display:table name="realtimereportcol" export="true" pagesize="30" sort="list" id="data" requestURI="" class="tablelist" decorator="org.displaytag.decorator.TotalTableDecorator">
        	
        	
        		<display:column title="SUB_CHANNEL" sortable="true" property="sub_channel"></display:column>
        		<display:column title="AGENT_NAMES" sortable="true" property="agent_names"></display:column>
        		<display:column title="FTD" sortable="true" property="ftd"  ></display:column>
        		<display:column title="MTD" sortable="true" property="mtd"  ></display:column>
        		<display:column title="QTD" sortable="true" property="qtd"  ></display:column>
     
        </display:table>
        </body>
        </html>

Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 56554

14

I like...

IntelliJ IDE

jQuery

Mac OSX

posted

0

It'd be best to show the generated HTML rather than the server-side markup.

[Smart Questions] [JSP FAQ] [Books by Bear] [Bear's FrontMan] [About Bear]

I agree. Here's the link: http://zeroturnaround.com/jrebel - it saves me about five hours per week

subject: How to highlight a particular row of DisplayTag table?

Similar Threads
How to pass multiple parameters. Displaytag row value not changing on dynamic link
error onclick of radio button inside display tag
Validation For Appropriate File Browse And Its CheckBox
Exception in jsp: The content of elements must consist of well
struts display properties