Thymeleaf - Click able URL (Web link) in Table - java

(I have looked on google, here.. and havent been able to find the answer that could help me).
Goal : Website to be entered as a click able web link
- Link is retrieved from DB as a varchar(100)
Tried all kinds of different solutions.. without any luck - Maybe one of you guys can help me out ? :). thank you in advance.
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>Address</th>
<th>City</th>
<th>Zip</th>
<th>Website</th>
<th>Email</th>
<th>Phone</th>
<th>Location</th>
<th>Agelimit</th>
</tr>
</thead>
<tbody>
<tr th:each="sps: ${sp}">
<td th:text="${sps.venueId}"/>
<td th:text="${sps.name}"/>
<td th:text="${sps.address}"/>
<td th:text="${sps.city}"/>
<td th:text="${sps.zip}"/>
<td th:text="${sps.website}"/>
<td th:text="${sps.email}"/>
<td th:text="${sps.phone}"/>
<td th:text="${sps.location}"/>
<td th:text="${sps.ageLimit}"/>
</tr>
</tbody>
</table>


You can use any type of tag with Thymeleaf. Is this what you want?
<td>
<a th:href="${sps.website}" th:text="${sps.website}" target="_blank" />
</td>

Related

Datatable - colspan dont showing correctly on Datatable

I have the next HTML Datatable
<div class="tabla-jquery">
<table id="comparativa-data-table" class="dataTable" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<th>Titulo</th>
<th colspan="3">Fecha</th>
</tr>
</thead>
<tbody>
<tr>
<td>Prueba</td>
<td>Izda</td>
<td>Drha</td>
<td>Axial</td>
</tr>
</tbody>
</table>
</div>
And when I see the table, I get this error: Cannot read property 'fnSetData' of undefined
But when I change the HTML and put this:
<div class="tabla-jquery">
<table id="comparativa-data-table" class="dataTable" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<th>Titulo</th>
<th>Fecha</th><th>Fecha</th><th>Fecha</th>
</tr>
</thead>
<tbody>
<tr>
<td>Prueba</td>
<td>Izda</td>
<td>Drha</td>
<td>Axial</td>
</tr>
</tbody>
</table>
</div>
It works "fine"(I only want a Fecha header instead of 3):
Anyone knows why occur this?
Thanks for your time!

Try like this :
<div class="tabla-jquery">
<table id="comparativa-data-table" class="dataTable" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<th>Titulo</th>
<th colspan="3">Fecha</th>
<th style="display:none;">Fecha</th>
<th style="display:none;">Fecha</th>
</tr>
</thead>
<tbody>
<tr>
<td>Prueba</td>
<td>Izda</td>
<td>Drha</td>
<td>Axial</td>
</tr>
</tbody>
</table>

How to select a link of a Record in the table contains multiple Rows of different class with same class name for each column

<table class="table hover" id="resultTable">
<thead>
<tr>
<th rowspan="1" class="checkbox-col"><input type="checkbox" id="ohrmList_chkSelectAll" name="chkSelectAll" value=""></th>
<th rowspan="1" style="width:400" class="header">Report Name</th>
<th rowspan="1" style="width:95"><span class="headerCell"></span></th>
<th rowspan="1" style="width:95"><span class="headerCell"></span></th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><input type="checkbox" id="ohrmList_chkSelectRecord_5" name="chkSelectRow[]" value="5"></td> <td class="left">PIM Sample Report</td>
<td class="left">Run</td>
<td class="left">Edit</td>
</tr>
<tr class="even">
<td><input type="checkbox" id="ohrmList_chkSelectRecord_6" name="chkSelectRow[]" value="6"></td> <td class="left">Sample Report</td>
<td class="left">Run</td>
<td class="left">Edit</td>
</tr>
</tbody>
</table>
I'm a beginner to selenium, so I need a help to click a link (Run)of a Record from multiple Records in the table contains multiple Rows of different class with same class name for each column. I have attached the code snippet.
I tried this Xpath but is not working:
//table[#class='table hover']/tbody/tr/td[text()='PIM Sample Report'] and ./td[text()='Run']
can someone help me to figure out this?

Try to use below XPath :
//td[.="PIM Sample Report"]/following-sibling::td[.="Run"]/a
This should fetch the link "Run" preceded by td with text "PIM Sample Report"

Trouble understanding how to get radio value when name is unknown

I'm newbish on Struts2 and can't find the answer to the following question online.
Here's the process I'm currently trying to create.
First the user sends an user ID or a contract ID, and I fetch informations in my Oracle database. These informations are then showed to the user in the form of a list. Within each row, it's possible to modify one information via a radio button. The radio's value is preselected to the corresponding fetch'd value. The radio's name is a concatenation of the differents primary keys of my table (3).
No problem so far. The struggle starts now. I want to get for each row the value of the radio's name and the selected value. I found solutions for that but you need getters on the radio's name hard coded in the Java bean.
Can anyone help ?
Here is the Struts 2 form :
<s:form id="updateform" theme="simple" action="UpdateInterlocuteurADP">
<table>
<thead>
<tr>
<th scope="col"><s:text name="parametrage_recherche_interlocuteur_adp_form_devis" /></th>
<th scope="col"><s:text name="parametrage_liste_interlocuteur_adp_col_interlocuteur" /></th>
<th scope="col"><s:text name="parametrage_liste_interlocuteur_adp_col_type_alerte" /></th>
<th scope="col"><s:text name="parametrage_liste_interlocuteur_adp_col_canal" /></th>
<th scope="col"><s:text name="parametrage_liste_interlocuteur_adp_col_mobile" /></th>
<th scope="col"><s:text name="parametrage_liste_interlocuteur_adp_col_email" /></th>
</tr>
</thead>
<tbody>
<input type="hidden" name='resultSearch' value="resultatInterlocuteurADP.list">
<s:iterator value="resultatInterlocuteurADP.list" status="resStatus">
<tr class="result-list-row-even">
<td align="center"><s:property value="idDevis"/></td>
<td align="center"><s:property value="interlocuteur"/></td>
<td align="center">
<s:if test="%{'SC_ALER_DERI'.equals(typeService)}">Dérive</s:if>
<s:if test="%{'SC_ALER_DEPA'.equals(typeService)}">Dépassement</s:if>
<td align="center">
<s:radio list="canaux" value="canal" name="%{cleConcat}"/>
</td>
<td align="center"><s:property value="numeroMobile"/></td>
<td align="center"><s:property value="adresseEmail"/></td>
</tr>
</s:iterator>
</tbody>
</table>
</br>
<s:submit onClick="return updateButtonPressed()" theme="simple" id="ok"
value="%{getText('parametrage_liste_interlocuteur_adp_button_submit')}" />

Selenium Java Click Radio Button That is in a Table Row

So I'm pretty new to Selenium and I'm writing my first program with it. I'm trying to click a radio button that is on a table row. Here is the html code for the row.
<tbody>
<tr id="headerrow">
<td></td>
<td align="center">Name</td>
<td align="left">Account</td>
<td align="center">Status</td>
<td></td>
<td align="center">CW</td>
<td></td>
<td align="center">Last Hit</td>
<td></td>
<td align="right">IP</td>
</tr>
<tr>
<td height="1" bgcolor="#000000" colspan="10"></td>
</tr>
<tr>
<td height="10" colspan="10"></td>
</tr>
<tr id="userrow_1">
<td><input type="radio" name="id" value="1764" onclick="set_it('1');"></td>
<td>John Doe</td>
<td>jdoe</td>
<td align="center" bgcolor="#CCFFCC">Active</td>
<td> </td><td align="center" bgcolor="ccffcc">Yes</td><td> </td><td align="center" nowrap="">Offline - 12/12/12</td><td> </td><td align="right">192.168.1.1</td></tr>
</tbody>
I need to be able to click the button with only the value variable. Thanks for any help.

How about this:
driver.findElement(By.cssSelector("input[name='id'")).click();
This will click the radio button. input[name='id'] is the css selector, that will find your element. And click() method will click on it.

How to pass data from selected rows using checkboxes from JSP to the server

I'd like to know if there's any way to send data to the server for the selected rows using the checkboxes I've put on those rows? I mean , how can I send only the data of those selected rows to the server?
Here's the html code I use:
<table>
<thead>
<tr class="tableheader">
<td width="10%"></td>
<td width="30%">Vehicle</td>
<td width="40%">Driver</td>
<td width="10%">Mileage</td>
</tr>
</thead>
<tbody>
<c:forEach items="${list}" var="item">
<tr>
<td align="center">
<input type="checkbox" name="selectedItems"
value="c:out value="${item.numberPlate}"/>"/>
</td>
<td align="left"><c:out value="${item.numberPlate}"/></td>
<td align="left"><c:out value="${item.driver.fullName}" /></td>
<td align="left"><input type="text" name="mileage" value="" /></td>
</tr>
</c:forEach>
</tbody>
</table>
I really hope you can give some guidance on this.
Thanks in beforehand.

When handling the request use request.getParameterValues("selectedItems"). And I don't think it's needed to add [] to names

Categories