MVCCONTRIB GRID ENVERSIDO ROWSTART Y ROWEND: el inicio y el final de la fila se renderizan por encima de toda la cuadrícula

Question

Ok, estoy usando la cuadrícula MVCContrib tratando de anular el inicio de una fila y el final de una fila. No funciona como se anuncia. Estoy razonablemente seguro de que soy yo haciendo algo tonto.

Este es un extracto de mi vista MVC2.0.

<div id="chargestable">
<br />
<%  With Html.Grid(Model.InvoiceListingInformation)
        .Columns(Function(column)
                     column.For(Function(setColumns) setColumns.InvoiceNumber)
                     column.For(Function(setColumns) setColumns.InvoiceDate)
                     column.For(Function(setColumns) setColumns.ExclGST)
                     column.For(Function(setColumns) setColumns.InclGST)
                 End Function)
        .RowStart(Function(pRowStart) "Some extra text here <tr>")
        .RowEnd(Function(pRowEnd) "</tr>")
        .Render()

    End With
   %>
</div>

Este es el HTML resultante ... es muy extraño:

<div id="chargestable">
    <br>
    Some extra text here text/Some extra text here Some extra text here text/Some extra text here Some extra text here text/Some extra text here Some extra text here text/Some extra text here Some extra text here text/Some extra text here Some extra text here text/Some extra text here 
<table class="grid">
<thead>
<tr><th>Invoice Number</th><th>Invoice Date</th><th>Excl G S T</th><th>Incl G S T</th></tr>
</thead>
<tbody>
<tr><td>x</td><td>13/12/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
<tr><td>y</td><td>15/11/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
<tr><td>z</td><td>13/10/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
<tr><td>a</td><td>13/09/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
<tr><td>b</td><td>13/08/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
<tr><td>c</td><td>12/07/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
<tr><td>d</td><td>13/06/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
<tr><td>e</td><td>13/05/2009 12:00:00 AM</td><td>amnt</td><td>amnt</td></tr>
</tbody>
</table>
</div>

Las cosas que puse en las funciones de la fila de comienzo y la fila final se están procesando por encima de la cuadrícula por completo. ¿Que el que? He estado golpeando mi cabeza por este durante un par de horas, ¿alguien puede ver lo que he hecho mal?

(PD, no puedo usar los atributos ya que necesito envolver la fila en otro elemento HTML)

Saludos, James

Answer 1

Intenté hacer lo que hiciste, y el HTML generado fue:

...
<tbody>
Some extra text here <tr>...</tr>
Some extra text here <tr>...</tr>
...

Sin embargo, todo el texto adicional renders En la parte superior de la cuadrícula, presumiblemente porque no está contenido dentro de ningún elemento infantil.

Para probar lo que está sucediendo, podrías probar:

 .RowStart(Function(pRowStart) "<tr>extra row here</tr><tr>")

Sin embargo, no estoy seguro de que realmente pueda envolver el elemento HTML, al menos si desea HTML válido.