RowTemplate that will look like two rows

[VasVas]

Dear Telerik,

I am faced with the fallowing problem, I want to create a row that contains the the tables column values and beneth them another row or what looks like a row but 

is not a new TR that contains , a summery/discription of his row.

I did start out with using a RowTemplate that contained to <tr> tags but that creates problems , the only one row is selected at a time and when the second row is selected only it's data is passed to the server. 

I found this post 

http://www.telerik.com/forums/multiple-line-template-displays-first-data-element-only that touches on the subject and on of the examples of code that does not work is on .

In my case all the data is displayed correctly but the fact that the RowTemplate contains two rows causes problems is there a way to create a false "row" only for presnetation inside one TR.

 

Yours,

 

Ariel

[Konstantin Dikov]

Hello Ariel,

As you have noticed, adding two TR elements in the rowTemplate will break the internal logic of the control, which is more or less expected, because as the name states, this should be a template for a single row.

The only possible way for having such complex structure within the rowTemplate is to nest a TABLE element within a simple row with single TD element:

<script id="rowTemplate" type="text/x-kendo-tmpl">
  <tr data-uid="#: uid #">
    <td colspan="4">
      <table>
        <tr>
            <td class="photo">
                   <img src="../content/web/Employees/#:data.EmployeeID#.jpg" alt="#: data.EmployeeID #" />
            </td>
            <td class="details">
             <span class="name">#: FirstName# #: LastName# </span>
             <span class="title">Title: #: Title #</span>
            </td>
                <td class="country">
              #: Country #
            </td>
            <td class="employeeID">
               #: EmployeeID #
            </td>
         </tr>
         <tr>
           <td>test</td>
           <td>test</td>
           <td>test</td>
           <td>test</td>
         </tr>
     </table>
   </td>
  </tr>
</script>

You can test the above approach in the following link:

• Complex rowTemplate demo

Hope this helps.


Regards,
Konstantin Dikov
Telerik