Discussion :

[kendras]

Bonjour,

J'essaye de charger un tableau de type gridView depuis une commande Ajax.

J'ai un master (template de page), une page Index qui implémente le master.

Dans mon Index.aspx, j'ai ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    <script language="javascript" type="text/javascript">
        function loadGrid(post) {
            xmlHttp = GetXmlHttpObject(grid_callBack);
            xmlHttp_Send('POST', xmlHttp, 'IndexGrid.aspx', "grid=" + post);
        }
 
        function grid_callBack() {
            if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete') {
                AjaxTable.innerHTML = xmlHttp.responseText;
 
            }
 
        }
    </script>
 
    <div id="AjaxTable" style=" margin-bottom:20px;margin-left:10px;float: left; width: 80%;">
 
    </div>

La page IndexGrid.aspx me renvoie un gridView.
Jusque là, tout va bien.

La difficulté intervient lorsque je voudrais utiliser le sort ou le pagging de mon gridView...
Le sort et le paging devrait être géré par IndexGrid, appelé en Ajax par ma page Index, mais je ne sais pas du tout comment m'y prendre.

Une idée ?

[Immobilis]

Salut,

Tu n'utilises pas un UpdatePanel?

A+

[kendras]

Euuuh

Je ne connais pas ... je vais regarder pi je reviendrai si ce n'est toujours pas concluant
merci

[kendras]

Alors donc...

Dans mon master :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<form id="form1" runat="server">
	<asp:ScriptManager ID="scriptMgr" runat="server" />
		<div id="mainContent">
			<asp:ContentPlaceHolder ID="CONTENT" runat="server">
			</asp:ContentPlaceHolder>
		</div>
</form>

Dans mon content (page fille)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script language="javascript" type="text/javascript">
	function loadGrid(post) {
		xmlHttp = GetXmlHttpObject(grid_callBack);
		xmlHttp_Send('POST', xmlHttp, 'IndexGrid.aspx', "grid=" + post);
	}
 
	function grid_callBack() {
		if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete') {
			AjaxTable.innerHTML = xmlHttp.responseText;
		}
	}
</script>
 
<div class="item">
	<a href="#" onclick="loadGrid('MA_CLE');">
		<asp:Label runat="server" ID="lblTextBidon" />
	</a>
</div>
 
<div id="AjaxTable" style=" margin-bottom:20px;margin-left:10px;float: left; width: 80%;">
</div>

Et dans la page appelé en Ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<asp:updatepanel id="UpdatePanel1" updatemode="Conditional" runat="server">
    <ContentTemplate>
        <asp:gridview runat="server" id="gv" autogeneratecolumns="False" cellpadding="4"
            forecolor="#333333" gridlines="None" style="margin-top: 15px" width="100%" allowpaging="True"
            pagesize="20" onpageindexchanging="gv_PageIndexChanging">
            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#D6DFF7" ForeColor="#215dc6" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
            <HeaderStyle BackColor="#D6DFF7" Font-Bold="True" ForeColor="#215dc6" />
            <EditRowStyle BackColor="#999999" />
            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
        </asp:gridview>
    </ContentTemplate>
</asp:updatepanel>

J'ai donc une master page, et une page content qui contient un div AjaxTable.
Ce div est rempli via une commande Ajax et il est destiné à contenir un gridView.

Je voudrait pouvoir gérer le pagging du gridview contenu dans mon div AjaxTable.

Et actuellement j'ai l'erreur suivante :

The control with ID 'UpdatePanel1' requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it.

[kendras]

Je m'auto-répond

J'ai viré la gestion en ajax et j'ai mis le gridview directement dans le content...

Et j'ai l'erreur suivante :

Microsoft JScript runtime error: Sys.ArgumentTypeException: Object of type 'Sys._Application' cannot be converted to type 'Sys._Application'.
Parameter name: instance

[kendras]

Alors, je suis partie d'un exemple simple pour comprendre comment fonctionne les updatepanel & co

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<%@ Page Language="C#" AutoEventWireup="true" %>
 
<script runat="server"> 
    protected void UpdateButton_Click(object sender, EventArgs e) 
    { 
        System.Threading.Thread.Sleep(5000); 
    } 
</script>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:UpdateProgress runat="server" id="PageUpdateProgress">
                <ProgressTemplate>
                    Loading...
                </ProgressTemplate>
            </asp:UpdateProgress>
            <asp:UpdatePanel runat="server" id="Panel">
                <ContentTemplate>
                    <asp:Button runat="server" id="UpdateButton" onclick="UpdateButton_Click" text="Update" />
                </ContentTemplate>
            </asp:UpdatePanel>
        </form>
    </body>
</html>

L'update s'effectue bien et uniquement le panel est mise à jour à priori.. cependant je n'ai pas le message "Loading..." de mon UpdateProgress. Je ne comprend pas pourquoi...