MvcContrib griglia design personalizzato
-
09-10-2019 - |
Domanda
vorrei riprodurre il seguente disegno
+-----------------------------------+---+---+
| some text here | A | B |
+-----------------------------------+---+---+
| some multiline text here |
+-------------------------------------------+
dove A e B sono fissati larghezza colonne contenenti immagini.
Questo sarebbe essere facilmente realizzato utilizzando un elemento <table>
come questo
<table>
<tr>
<td>some text here</td>
<td width="20"><img alt="" src="/imageurl" /></td>
<td width="20"><img alt="" src="/imageurl" /></td>
</tr>
<tr><td colspan="3">some multiline text here</td></tr>
</table>
Ma io sto usando l'aiutante Griglia all'interno del progetto MvcContrib. C'è un modo per ottenere un disegno come questo per ogni elemento all'interno di un elenco di elementi?
Soluzione
È possibile implementare il proprio GridRenderer. Da Jeremy Skinner di blog :
Il GridRenderer predefinito è il HtmlTableGridRenderer. Quale, sorprendentemente, rende la griglia come una tabella HTML. Specificando la tua proprio GridRenderer, si può completamente alterare come la griglia viene reso senza ricorrere a completamente riscrivere la griglia componente.
È possibile ottenere alcune idee da HtmlTableGridRenderer di codice sorgente .