PDA

View Full Version : Partial Postbacks in a Viewport



westerncape1000
Jul 16, 2008, 11:14 AM
I have been using Ext JS quite a bit, and now am looking at Coolite, and am very impressed with the ease of use.

However I am battling with partial postbacks within each port.

I am using a master page that has my Ext ViewPort and <asp:scriptmanager> on it, and on the actual page, within each <asp:Content> contained within each port I am trying to place the <asp:UpdatePanel> to get partial postbacks.

However everytime I run it, it posts back the whole page on a click.

Has anyone had similiar problems or am I missing something?

Any assistance or suggestions would be greatly appreciated.

geoffrey.mcgill
Jul 16, 2008, 1:26 PM
Can you post some code or attach a .aspx + masterpage sample
demonstrating what you have so far? That should help us understand and
track down any problems.

westerncape1000
Jul 17, 2008, 4:44 AM
Thank you very much for your response. I really am enjoying Coolite, terrific job.

Master page is as follows:
-------------------------------


<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="TSCatalog.Master.vb" Inherits=".TSCatalogMaster" %>
<%@ Register assembly="Coolite.Ext.Web" namespace="Coolite.Ext.Web" tagprefix="ext" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">

<asp:ScriptManager ID="scrMaster" runat="server"></asp:ScriptManager>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
<ext:ScriptManager ID="ScriptManager1" runat="server" Hide="True" />

<ext:ViewPort ID="ViewPort1" runat="server">
<Content>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North Collapsible="false" Split="false">
<ext:Panel runat="server" ID="pnlHeader">
<Content>
<asp:ContentPlaceHolder id="cplHeader" runat="server">
</asp:ContentPlaceHolder>

</Content>
</ext:Panel>
</North>
<West Collapsible="true" Split="true" >
<ext:Panel runat="server" Width="175" ID="MainPanel">
<Content>
<asp:HiddenField ID="hiddenFieldSearchByText" runat="server" />
<ext:Accordion ID="Accordion1" runat="server" Animate="true">
<ext:Panel runat="server" id="panelCategories" Collapsed="True" Title="Categories">
<Content>
<asp:ContentPlaceHolder id="cplCategory" runat="server">
</asp:ContentPlaceHolder>
</Content>
</ext:Panel>
<ext:Panel runat="server" ID="panelOrder" Collapsed="true" Title="Orders">
<Content>
<asp:ContentPlaceHolder id="cplRecentOrder" runat="server">
</asp:ContentPlaceHolder>
</Content>
</ext:Panel>
<ext:Panel ID="panelSearch" runat="server" Collapsed="true" Title="Search">
<Content>
<asp:ContentPlaceHolder id="cplSearch" runat="server">
</asp:ContentPlaceHolder>
</Content>
</ext:Panel><ext:Panel ID="panelReport" runat="server" Collapsed="True" Title="Reports">
<Content>
<asp:ContentPlaceHolder id="cplReport" runat="server">
</asp:ContentPlaceHolder>
</Content>
</ext:Panel>
</ext:Accordion>
</Content>
</ext:Panel>
</West>
<Center>
<ext:Panel ID="Panel1" runat="server">
<Content>
<ext:BorderLayout ID="BorderLayout2" runat="server" >
<Center >
<ext:Panel ID="pnlMain" AutoScroll="true" runat="server">
<content>
<asp:ContentPlaceHolder id="cplMain" runat="server">
</asp:ContentPlaceHolder>
</content>
</ext:Panel>
</Center>
<South Collapsible="true" Split="true">
<ext:Panel ID="Panel3" AutoScroll="true" runat="server" Title="Cart" Height="150px" >
<Content>
<asp:ContentPlaceHolder id="cplCart" runat="server">
</asp:ContentPlaceHolder>
</Content>
</ext:Panel>
</South>
</ext:BorderLayout>
</Content>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Content>
</ext:ViewPort>




</form>
</body>
</html>

----- End of Master Page -----------------------------

Actual page is :
----------------------------------------------------
<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/TSMasters/TSCatalog.Master" CodeBehind="TSCatalog.aspx.vb" Inherits=".TSCatalog"
title="Untitled Page" %>
<%@ Register assembly="Coolite.Ext.Web" namespace="Coolite.Ext.Web" tagprefix="ext" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
<asp:content id="Content3" contentplaceholderid="cplHeader" runat="server">
<asp:UpdatePanel ID="updTop" runat="server">
<ContentTemplate>
<div class="CatalogHeader">
Catalog
<br>
<div id="SearchBlock">
Search for:
<asp:TextBox ID="txtSearchText" runat="server" CssClass="txtSearchTextClass"></asp:TextBox>
<asp:ImageButton ID="btnSearch" runat="server" CssClass="btnSearchClass" ImageUrl="Images/Buttons/SearchTop.gif" />




</ContentTemplate>
</asp:UpdatePanel>
</asp:content>



<asp:content id="Content4" contentplaceholderid="cplCategory" runat="server">
<asp:UpdatePanel ID="pnlCat" runat="server">
<ContentTemplate>
<asp:TreeView ID="tvwCat" runat="server"></asp:TreeView>
</ContentTemplate>
</asp:UpdatePanel>
</asp:content>



<asp:content id="Content5" contentplaceholderid="cplCart" runat="server">
<ext:Panel ID="extCart" runat="server">
<Content>
<ext:Button ID="btnCart" runat="server" Text="Press Me"></ext:Button>
</Content>
</ext:Panel>
</asp:content>


I have tried coolite buttons within update buttons, and many variances.

Look forward to your response.