Jquery Datatable in asp.net c#

mercoledì 19 marzo 2014 - 12.14
Elenco Threads
Stanze Forum
Aggiungi ai Preferiti
Cerca nel forum
Tag Elenco Tags  C#  |  .NET 4.0  |  Windows 7  |  Visual Studio 2010  |  SQL Server 2008 R2  |  Firefox  |  Javascript  |  CSS 3.0  |  HTML 5

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: mer 19 mar 2014 - 12:14
Salve ragazzi,
sto tentando di far funzionare lo script datatable di jquery in una pagina asp con codice c# e template AdminLte bootstrap

PAGINA ASP

<div class="box-body table-responsive">
<asp:Repeater ID="rptUsersList" runat="server" OnItemDataBound="rptUsersList_ItemDataBound">
<HeaderTemplate>
<table id="example" class="table table-bordered table-striped">
<thead>
<tr>
<th>Id</th>
<th>Cognome</th>
<th>Nome</th>
<th>Email</th>
<th>Status</th>

</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<asp:Literal ID="ltId" runat="server"></asp:Literal></td>
<td>
<asp:HyperLink ID="hlElemento" runat="server" NavigateUrl="#">
<asp:Literal ID="ltCognome" runat="server"></asp:Literal>
</asp:HyperLink></td>
<td>
<asp:Literal ID="ltNome" runat="server"></asp:Literal></td>
<td>
<asp:Literal ID="ltEmail" runat="server"></asp:Literal></td>
<td>
<span id="sStatus" runat="server">
<asp:Literal ID="ltStatus" runat="server"></asp:Literal>
</span>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody>
<tfoot>
<tr>
<th>Id</th>
<th>Cognome</th>
<th>Nome</th>
<th>Email</th>
<th>Status</th>

</tr>
</tfoot>
</table>
</FooterTemplate>
</asp:Repeater>

<!-- DATA TABES SCRIPT -->
<script src="/Admin/js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
<script src="/Admin/js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>

<!-- page script -->
<script type="text/javascript">
$(function () {
$('#example').dataTable({
"bPaginate": true,
"bLengthChange": false,
"bFilter": false,
"bSort": true,
"bInfo": true,
"bAutoWidth": false
});
});
</script>

C#

protected void Page_Load(object sender, EventArgs e)
{
usersLoad();
}

#region usersLoad

void usersLoad()
{
rptUsersList.DataSource = Utente.Elenco(string.Empty, 0);
rptUsersList.DataBind();
}

protected void rptUsersList_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
tipoUtente item = (tipoUtente)e.Item.DataItem;

Literal ltId = (Literal)e.Item.FindControl("ltId");
ltId.Text = item.ID;

Literal ltCognome = (Literal)e.Item.FindControl("ltCognome");
ltCognome.Text = item.Cognome;

Literal ltNome = (Literal)e.Item.FindControl("ltNome");
ltNome.Text = item.Nome;

Literal ltEmail = (Literal)e.Item.FindControl("ltEmail");
ltEmail.Text = item.Email;

Literal ltStatus = (Literal)e.Item.FindControl("ltStatus");
ltStatus.Text = item.Status;

HtmlGenericControl sStatus = (HtmlGenericControl)e.Item.FindControl("sStatus");

switch (item.Status)
{
case "ON":
sStatus.Attributes["class"] = "label label-success";
break;

case "OFF":
sStatus.Attributes["class"] = "label label-danger";
break;

case "CANC":
sStatus.Attributes["class"] = "label label-warning";
break;
}
}
}

#endregion

La stampa funziona, lo script no.
Dovrebbe aggiungermi gli elementi di ricerca e ordinamento.

Grazie in anticipo
___________________________________________________________________
Fabio Antonio Loliva

TOPOAMORE Profilo | Expert

695 messaggi | Data Invio: mer 19 mar 2014 - 13:35
>Salve ragazzi,

Ciao

><!-- DATA TABES SCRIPT -->
><script src="/Admin/js/plugins/datatables/jquery.dataTables.js"
>type="text/javascript"></script>
><script src="/Admin/js/plugins/datatables/dataTables.bootstrap.js"
>type="text/javascript"></script>
>
> <!-- page script -->
> <script type="text/javascript">
> $(function () {
> $('#example').dataTable({
> "bPaginate": true,
> "bLengthChange": false,
> "bFilter": false,
> "bSort": true,
> "bInfo": true,
> "bAutoWidth": false
> });
> });
> </script>
>

Cambia quello che hai scritto con:

$(document).ready(function () {
$('#example').dataTable({
"bPaginate": true,
"bLengthChange": false,
"bFilter": false,
"bSort": true,
"bInfo": true,
"bAutoWidth": false
});
});

Attendi che la pagina sia completata e poi applica il datatable

Facci sapere
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: mer 19 mar 2014 - 14:11
Nessuna novità. Continua a non funzionare.
Nel frattempo mi sono ulterioremente documentato e alcuni sostengono che

"... abbandona il repeater e il multithreading. I risultati dovranno essere forniti da un HttpHandler dedicato allo scopo, oppure da un PageMethod. "


___________________________________________________________________
Fabio Antonio Loliva

TOPOAMORE Profilo | Expert

695 messaggi | Data Invio: lun 24 mar 2014 - 13:59
Scusami forse non ho capito bene io....

Mi puoi rispiegare cosa dovrebbe fare e cosa non funziona e quando???
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: lun 24 mar 2014 - 14:26
Dovrei far funzionare l effetto jquery datatable in una webform asp.net / c#.

___________________________________________________________________
Fabio Antonio Loliva

TOPOAMORE Profilo | Expert

695 messaggi | Data Invio: lun 24 mar 2014 - 14:32
ok...la tabella example un elemento asp???

se si modifica in questo modo:
$(document).ready(function () {
$('#<%=example.clientid%>').dataTable({
"bPaginate": true,
"bLengthChange": false,
"bFilter": false,
"bSort": true,
"bInfo": true,
"bAutoWidth": false
});
});

Oltretutto nella scrittura di una tabella per datatable il tfoot mi sa che non e contemplato...solo thead e tbody

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: lun 24 mar 2014 - 14:39
non è un controllo asp.

Ecco la pagina 

 Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra
___________________________________________________________________
Fabio Antonio Loliva

TOPOAMORE Profilo | Expert

695 messaggi | Data Invio: lun 24 mar 2014 - 15:06
ok....mi mandi la pagina in esecuzione...nel senso: lanciala ne browser e compiami html
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: lun 24 mar 2014 - 15:10 
 Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra
___________________________________________________________________
Fabio Antonio Loliva

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: lun 24 mar 2014 - 15:17
preciso che uso questo admin template http://almsaeedstudio.com/ e la pagina web con la tabella oggetto dell effetto jquery datatable in html funziona perfettamente.
___________________________________________________________________
Fabio Antonio Loliva

TOPOAMORE Profilo | Expert

695 messaggi | Data Invio: lun 24 mar 2014 - 15:20
Fai una prova

Crea un pulsante con all'interno il codice per applicare il datatable....

quindi aspetta che il tutto venga caricato e poi clicca il tasto...

Vediamo se e un problema di visibilità
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

TOPOAMORE Profilo | Expert

695 messaggi | Data Invio: lun 24 mar 2014 - 15:24
Ma poi scusami ma perche i link agli script di jquery e datatable non stanno nell'header dove dovrebbero essere????
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: lun 24 mar 2014 - 16:08
asp page
 Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

html sorgente

 Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

spero di aver operato correttamente

___________________________________________________________________
Fabio Antonio Loliva

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: lun 24 mar 2014 - 16:26
Spero di aver fatto una buona pulizia e sistemazione

 Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra
___________________________________________________________________
Fabio Antonio Loliva

TOPOAMORE Profilo | Expert

695 messaggi | Data Invio: lun 24 mar 2014 - 16:38
Con il tasto funziona???

__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: lun 24 mar 2014 - 17:33
no
___________________________________________________________________
Fabio Antonio Loliva
Torna su
Stanze Forum
Elenco Threads
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2025
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5