当我们单击表中的每一行时如何重定向到不同的URL，即单击每一行元素必须重定向到不同的URL？

Question

How to redirect to different URLs when we click on each row in the table ie, click on each row element must redirect to different URLs?

I am working on Mustache Spring MVC framework where the entire data from MOngodb is retrieved onto a placeholder in the view page.So, now I need to be make this data click enable and each data row when clicked need to redirect to different URLs

This is my table

<table>
  <tr>
    <th>Book Name</th>
    <th>Description</th>
  </tr>
  {{#books}}
  <tr>

    <td>{{book_name}}</td>

    <td>{{book_details}}</td>

  </tr>
  {{/books}}
</table>

Output looks like list of books and its description

Now when I click on book1 it should go to some other URL and when I click on book2 it must go to another URL and so on

Answer 1

This must be a quick solution

 <table> <tr> <th>Book Name</th> <th>Description</th> </tr> {{#books}} <tr> <td onclick="window.location='{{book_url}}';>{{book_name}}</a></td> <td>{{book_details}}</td> </tr> {{/books}} </table> 

Answer 2

You can try something like this. Here each url will be like some_url/book_name .

<tr>
   <td>
      <a href="./some_url{{book_name}}">{{book_name}}</a>
   </td>
   <td>{{book_details}}</td>
</tr>

Answer 3

if I understood your problem correctly this will solve your problem

Add a field bool_url ( say bookUrl java specific ) to your Book bean. While adding book to database you need to specify that book_url too.

then following will work for you

<table>
    <tr>
        <th>Book Name</th>
        <th>Description</th>
    </tr>
    {{#books}}
        <tr>
            <td><a href="{{book_url}}">{{book_name}}</a></td>
            <td>{{book_details}}</td>
        </tr>
    {{/books}}
</table>