Problema caricamento listview dinamica

**londonmichele** · 28-08-2012, 15:00

ciao a tutti!
ho una listview che viene creata dinamicamente, al primo accesso alla pagina però non viene caricata come faccio il refresh magicamente si popola.

la chiamata ajax è posta direttamente nel comando $(documente).ready(....);

che problema può essere?
Grazie!

**br1** · 28-08-2012, 15:19

Originariamente inviato da londonmichele
ciao a tutti!
ho una listview che viene creata dinamicamente, al primo accesso alla pagina però non viene caricata come faccio il refresh magicamente si popola.

la chiamata ajax è posta direttamente nel comando $(documente).ready(....);

che problema può essere?
Grazie!

Diagnosi al buio ?

Posta il codice o un link alla pagina

**mrk1989** · 28-08-2012, 15:31

Se pubblichi almeno il codice ti posso aiutare...
Cmq vai a vedere su questo video o cerca sul sito ufficiale.
Poi esistono molti tipi di listview....
http://www.youtube.com/watch?v=Jmg8GdEKDjA

**londonmichele** · 28-08-2012, 15:40

Di seguito il codice che utilizzo per richiamare il caricamento della listview

$(document).ready(
function() {

$.ajax({
type: "POST",
url: "WebService.asmx/GetDestination",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
var data = eval(msg.d);
$('<ul id="ULL" data-role="listview" data-theme="b" data-filter="true" data-inset="true" >[/list]').appendTo('#jsonDiv');
for (var i in data) {
$('[*]<a data-role="button">' + data[i] + '').appendTo('#jsonDiv ul');

}
$('#jsonDiv').find('ul').listview();
$('#jsonDiv ul li

dd').hide();

},

error: function(msg) {
}

});

});

});

**mrk1989** · 28-08-2012, 16:06

Beh almeno lo potevi postare tutto. se puoi...
Comunque ho visto che c'erà un })§; in più.

Questo codice l'ho impostato meglio... Ho eliminato }); ed aggiunto il script
<script type="text/javascript">

$(document).ready(function() {

$.ajax({
type: "POST",
url: "WebService.asmx/GetDestination",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
var data = eval(msg.d);
$('<ul id="ULL" data-role="listview" data-theme="b" data-filter="true" data-inset="true" >[/list]').appendTo('#jsonDiv');
for (var i in data) {
$('[*]<a data-role="button">' + data[i] + '').appendTo('#jsonDiv ul');

}
$('#jsonDiv').find('ul').listview();
$('#jsonDiv ul li

dd').hide();

},

error: function(msg) {
}

});

});
</script>

**londonmichele** · 28-08-2012, 16:08

questo è tutto, manca solo pagina aspx dove c'è presente un unico div con id jsonDiv...di cosa hai bisogno?

**londonmichele** · 28-08-2012, 16:23

ho provato a togliere }); ma mi da il seguente errore:

SyntaxError missing } after function body (51 out of range 50)

di seguito il codice completo della pagina aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Destination.aspx.cs" Inherits="Destination" %>
<!DOCTYPE html>
<html>
<head>
<title>LogIn</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<script type="text/javascript" src="jQuery/script_Destination.js">
</script>
<style type="text/css">
#Logo
{
text-align: center;
}
</style>

</head>
<body>
<form id="Form_Main" runat="server">
<div data-role="page">

<div data-role="header" data-theme="b">
<h1>Cook App</h1>

</div>
<div align="center">
[img]Image/cookmedical_logo.jpg[/img]
</div>

<div id="jsonDiv" data-role="content">

</div>
</div>

<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
</form>
</body>
</html>

e di seguito il codice contenuto nel file script_Destination.js:

$(document).ready(
function() {

$.ajax({
type: "POST",
url: "WebService.asmx/GetDestination",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
var data = eval(msg.d);
//var t = "<table border=1><tr>" + "<td>Destination</td>";
//var t = "<ul data-role=listview data-theme=a data-split-icon=arrow-r";
$('<ul id="ULL" data-role="listview" data-theme="b" data-filter="true" data-inset="true" >[/list]').appendTo('#jsonDiv');
for (var i in data) {
//$('#ResultsTable tr:last').after('<tr><td>' + data[i][0] + '</tr></td>');
//t = t + "[*]" + data[i] + "";
$('[*]<a data-role="button">' + data[i] + '').appendTo('#jsonDiv ul');

}
$('#jsonDiv').find('ul').listview();
$('#jsonDiv ul li

dd').hide();
//t = t + "</table>";

//$('#jsonDiv').html(t);
//$('#jsonDiv ul li:even').hide();
//$('#jsonDiv').listview('refresh');
//$('#jsonDiv ul').listview();

},

error: function(msg) {
}

});

$('li a').click(function() {

var text = $(this).text().trim();
$.mobile.changePage("Default_Temp.aspx?t=" + text, { transition: "flip" });

});

});

**mrk1989** · 28-08-2012, 16:36

Per lanciare il codice devo usare un programma..
Non ho mai toccato asp....

**londonmichele** · 29-08-2012, 09:24

Ho fatto ulteriori test e ho notato una cosa. Per debuggare i miei script jQuery utilizzo firefox e l'utilissimo Firebug.
La web app che sto sviluppando è composta da più pagine, in ogni pagina c'è un link a una pagina di script diversa. esempio.

pagina default.aspx contiene questo codice
<script type="text/javascript" src="jQuery/script.js"></script>

mentre la seconda pagina denominata Destination.aspx contiene questa riga di codice
<script type="text/javascript" src="jQuery/script_Destination.js">

in questo modo gestito diversi script in base alla pagina che sto utilizzando.
Il problema è il seguente:
se io sono nella pagina default.aspx e faccio un redirect verso la seconda pagina(Destination.aspx) firebug mi segnala come script legato alla pagina ancora il file di script legato alla prima pagina cioè script.js e non script_Destination.js, come clicco su refresh e aggiorno la pagina web si aggiorna anche la pagina di script e mi trovo l'associazione giusta tra pagina aspx e pagina script.

è normale come comportamento?

**br1** · 29-08-2012, 09:41

Originariamente inviato da londonmichele
se io sono nella pagina default.aspx e faccio un redirect verso la seconda pagina(Destination.aspx) firebug mi segnala come script legato alla pagina ancora il file di script legato alla prima pagina cioè script.js e non script_Destination.js, come clicco su refresh e aggiorno la pagina web si aggiorna anche la pagina di script e mi trovo l'associazione giusta tra pagina aspx e pagina script.

è normale come comportamento?

A me pare un problema lato server... nel dubbio ti sposto, se avessi cannato chiedi al moderatore di rimandarti qui

Discussione: Problema caricamento listview dinamica

Strumenti discussione

Ricerca discussione

Visualizza

Problema caricamento listview dinamica

Re: Problema caricamento listview dinamica

Ci provo...

Permessi di invio