ASP.NET - Pasar dato entre páginas asp.net con Jquery

   
Vista:

Pasar dato entre páginas asp.net con Jquery

Publicado por Juan (2 intervenciones) el 14/03/2015 16:35:29
Hola Gente!

Les paso un problema que estoy teniendo con jquery.

Resulta que tengo un página (Main.aspx) en donde la dividí en dos secciones (con div). La primera de ellas tiene un control de usuario (ascx) con un listado de opciones tipo menú y en la segunda quiero mostrar una página en base a la selección del listado. El problema es que no se muestra lo que quiero. En realidad no muestra nada.



Utilizo VS2012.

Para que se entienda mejor les paso el código:

Main.aspx:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="Admin.Main" %>
<%@ Register TagPrefix="uc1" TagName="UCNavigation" Src="UCNavigation.ascx" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Mi sitio</title>
    <link rel="stylesheet" href="Styles/estilo.css" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
    <form id="form1" runat="server">
        <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff"><br />
            <tr>
                <td width="200" rowspan="2" align="left" valign="top" style="background: #000000">
                     <uc1:UCNavigation ID="UserControl2" runat="server"></uc1:UCNavigation>
 
                </td>
                <td height="20" colspan="3" valign="top">&nbsp;</td>
            </tr>
            <tr>
                <td width="20" height="350" valign="top">&nbsp;</td>
                <td width="780" valign="top" colspan="3">
                    <div id="contenido"></div> <%--(Aquí quiero cargar el contenido)--%>
                </td>
            </tr>
 
        </table>
 
    </form>
</body>
</html>

Donde quiero cargar la página externa es en el div con id=”contenido”
UCNavigation.ascx:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCNavigation.ascx.cs"Inherits="Teach.UCNavigation" %>
<html>
<head>
    <title></title>
<link href="Styles/estiloAccordion.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-latest.pack.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            $("#nav a").each(function () {
                var href = $(this).attr("href");
                $(this).attr({ href: "#" });
                $(this).click(function () {
                    $('Main.aspx #contenido').load(href); <%--(Aquí paso la referencia al contenido de la página principal)--%>
                });
            });
        });
</script>
<script>
    $(document).ready(function () {
        $("#accordian h3").click(function () {
            $("#accordian ul ul").slideUp();
            if (!$(this).next().is(":visible")) {
                $(this).next().slideDown();
            }
        })
    })
</script>
</head>
<body>
 
<div id="accordian">
       <ul id="nav">
             <li class="active">
                    <h3><span class="icon-dashboard"></span>Paginas</h3>
                    <ul>
                           <li><a href="Pagina1.aspx">Pagina 1</a></li>
                           <li><a href="Pagina2.aspx ">Pagina 2</a></li>
                           <li><a href="Pagina3.aspx ">Pagina 3</a></li>
                           <li><a href="Pagina4.aspx ">Pagina 4</a></li>
                    </ul>
             </li>
       </ul>
</div>
</body>
</html>

Espero se entienda el problema y puedan darme una mano porque realmente ya no se que mas hacer.

Saludos!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Pasar dato entre páginas asp.net con Jquery

Publicado por Juan (2 intervenciones) el 14/03/2015 17:01:20
Lo pude solucionar, al final el problema es que estaba trabajando el control de usuario como una pagina html.

Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar