Ajax, GridView et Paging

Version imprimable

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:

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 ?

14/11/2009, 00h40
Immobilis

Salut,

Tu n'utilises pas un UpdatePanel?

A+
17/11/2009, 10h08
kendras

Euuuh

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

Alors donc...

Dans mon master :

Code:

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:

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:

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 :

Citation:

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

17/11/2009, 11h13
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 :

Citation:

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

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

Code:

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...
:calim2: