Come possiamo rendere la DataView Controllo di rispondere a javascript eventi?
-
13-09-2019 - |
Domanda
Se ho avuto un ASP.NET 4.0 controllo DataView che sembrava al di sotto, come posso controllare eventi javaScript lato client?
Tag Body:
<body xmlns:sys="javascript:Sys" xmlns:dataview="javascript:Sys.UI.DataView"
sys:activate="*">
DataView tag:
<ul sys:attach="dataview" dataview:data="{{ ListOfPeople }}" class="sys-template">
<li>
<div>{{ GivenName }}</div>
<div>{{ SurName }}</div>
<div>{{ Title }}</div>
<div>{{ Department }}</div>
<div>{{ Phone }}</div>
<div>{{ EmailAddy }}</div>
</li>
</ul>
Per esempio, voglio un pulsante o un collegamento a 'selezionare' questo record e hanno il server di inviare loro una e-mail o bandiera nella base di dati o anche qualcosa di semplice come cambiare lo stile della riga selezionata in modo da portare l'utente in stato attivo.
Soluzione
AFAIK il client vengono utilizzati modelli di rendering e non hanno opzioni per collegare gli eventi.
Credo che utilizzando jQuery si potrebbe implementare una semplice selezione
$('#peopleList > li').live('click', function () {
$(this).parent().children().removeClass('selected');
$(this).addClass('selected');
});
Il caso, il pulsante può essere gestito con l'aggiunta attraverso il modello di cliente e vincolante gli eventi in un modo simile.