Using ASP.NET AJAX with the Web ADF

re: Using ASP.NET AJAX with the Web ADF

David — Mon, 02 Apr 2007 22:07:40 GMT

We have noticed that if you place an OverView map control on the page and wire it up, all Ajax partial post-backs take a very long time to occur (15+ seconds). This only occurs with the OverView map control. Plus, the partial postbacks really begin to slow down anyway once you add a lot of controls, in our case ESRI ADF controls to the page outside of UpdatePanels.

Using ASP.NET AJAX with the Web ADF via ScriptManager

Community Blogs — Wed, 04 Apr 2007 04:01:27 GMT

On the ArcGIS server development blog you’ll find a much waited post; how to use ASP.NET AJAX and

Updating associated Web ADF controls

Wed, 04 Apr 2007 17:47:58 GMT

A follow-up to my post: in the AJAX partial postback, you may need to tell other Web ADF controls to synch up with the Map. For instance, if you have an OverviewMap control that displays the Map's extent, you need to refresh the OverviewMap in the AJAX partial postback. This is easy to do: use the .Refresh command, and then copy the control's CallbackResults to the Map (the first line below is in the DropDownList2_SelectedIndexChanged method above):

Map1.Extent = new_extent

OverviewMap1.Refresh()

Map1.CallbackResults.CopyFrom(OverviewMap1.CallbackResults)

The same approach would apply to a Toc (table of contents) control.

re: Using ASP.NET AJAX with the Web ADF

Chuck Tilly — Wed, 04 Apr 2007 21:05:03 GMT

This is EXCELLENT material. Thanks Bryan for writing this up. We need more stuff like this, please. Now what I would really like to see is how to use the Map control as a trigger to update something in an Update Panel. Example: a user selects features on a map and a grid in an update panel gets updated with the new corresponding data. Thanks again Bryan.

re: Using ASP.NET AJAX with the Web ADF

jxn — Thu, 05 Apr 2007 15:41:44 GMT

Im with Chuck- Its great to see MS Ajax components updating the map, but to really use MS Ajax we need to know how to make the map control and other ADF controls update MS Ajax controls also. This is a great start though! Very interesting about the Overview Map causing problems- that seems like a big issue! Thank you Bryan!

re: Using ASP.NET AJAX with the Web ADF

AbdulMannan — Sun, 08 Apr 2007 05:23:57 GMT

This is really cool!!....Opens Up many gates of such developments!!

re: Using ASP.NET AJAX with the Web ADF

MichalGasparovic — Thu, 12 Apr 2007 01:48:04 GMT

thank you for this tip. very interesting.

re: Using ASP.NET AJAX with the Web ADF

Scott — Thu, 12 Apr 2007 05:58:57 GMT

This is a great sample application and is really appreciated. Please showcase more material that demonstrations the use of the Web.ADF with AJAX or how about working with the ADF floating panel. Thank you Bryan.

在esri-ajax环境中涮新asp.net显示控件的通用方法

kylinindotnet — Tue, 21 Aug 2007 00:27:44 GMT

原来一直在esri的server论坛潜水，刚到esri-chinaserver论坛来学习，发现有不少人被esri-ajax困惑。我以前也被这个问题搞得晕头转向，现在基本明白原理了。

（1）arc...

在esri-ajax环境中涮新asp.net显示控件的通用方法

kylinindotnet — Tue, 21 Aug 2007 00:28:53 GMT

原来一直在esri的server论坛潜水，刚到esri-chinaserver论坛来学习，发现有不少人被esri-ajax困惑。我以前也被这个问题搞得晕头转向，现在基本明白原理了。

（1）arc...

re: Using ASP.NET AJAX with the Web ADF

Don Kang — Fri, 28 Sep 2007 17:23:00 GMT

TOC don't get refreshed. Overview works but not TOC. Anyone with work arounds??

re: Refreshing the Toc

Bryan Baker — Thu, 11 Oct 2007 18:07:58 GMT

Don - the Toc control wasn't really designed to be refreshed outside the ADF's inherent callback framework. This is a good illustration of the issues with more involved use of AJAX at 9.2. Sometimes it takes more work to get things done, though usually it can be done. I worked out a way to get the contents of the Toc refreshed. It's a bit messy, but seems to work. This isn't thoroughly tested, but should give some ideas. Add the function below into your page class, and call it within the section where you set the results into the ScriptManager, like this:

If ScriptManager1.IsInAsyncPostBack Then
    Dim tocCbr As _
        ESRI.ArcGIS.ADF.Web.UI.WebControls.CallbackResult = _
       refreshToc(Toc1)
Map1.CallbackResults.Add(tocContentResult)
...

Here's the refresh function for the Toc, first in VB, then in C#:

' [VB:] Refresh the Toc, return CallbackResult
    Private Function refreshToc(ByVal toc As ESRI.ArcGIS.ADF.Web.UI.WebControls.Toc) _
        As ESRI.ArcGIS.ADF.Web.UI.WebControls.CallbackResult
        ' Toc1.Refresh reloads the toc nodes, but doesn't actually 
        '  generate a callback result content, which we'll do manually.
        toc.Refresh()
        ' Set up the output writer for the Toc
        Dim sw As System.IO.StringWriter = New System.IO.StringWriter()
        Dim writer As System.Web.UI.HtmlTextWriter = New HtmlTextWriter(sw)
        ' We can't call Toc.Render because it adds extra content 
        ' we don't need and which causes errors. Instead, we 
        ' manually render each node in the Toc.
        Dim node As ESRI.ArcGIS.ADF.Web.UI.WebControls.TreeViewPlusNode
        For Each node In toc.Nodes
            node.Render(writer)
        Next
        ' Grab the HTML-rendered content of the Toc nodes
        Dim tocNodesHtml As String = sw.ToString()
        sw.Close()
        ' Surround the nodes HTML with the DIV as in the current Toc
        Dim tocInnerContent As String = String.Concat("<div>", tocNodesHtml, "</div>")
        ' Set this HTML content to replace the inner content of the Toc
        ' (this won't replace the <Toc> div, but the insides of it
        Dim tocContentResult As _
            New ESRI.ArcGIS.ADF.Web.UI.WebControls.CallbackResult( _
            toc, "innercontent", tocInnerContent)
        Return tocContentResult
    End Function

// [C#:] Refresh the Toc, return CallbackResult
    private ESRI.ArcGIS.ADF.Web.UI.WebControls.CallbackResult refreshToc(
        ESRI.ArcGIS.ADF.Web.UI.WebControls.Toc toc) 
    {
        // Toc1.Refresh reloads the toc nodes, but doesn't actually 
        //  generate a callback result content, which we'll do manually.
        toc.Refresh();
        // Set up the output writer for the Toc
        System.IO.StringWriter sw = new System.IO.StringWriter();
        System.Web.UI.HtmlTextWriter writer = new HtmlTextWriter(sw);
        // We can't call Toc.Render because it adds extra content 
        // we don't need and which causes errors. Instead, we 
        // manually render each node in the Toc.
        foreach (ESRI.ArcGIS.ADF.Web.UI.WebControls.TreeViewPlusNode node in toc.Nodes)
        {
            node.Render(writer);
        }
        // Grab the HTML-rendered content of the Toc nodes
        string tocNodesHtml = sw.ToString();
        sw.Close();
        // Surround the nodes HTML with the DIV as in the current Toc
        string tocInnerContent = String.Concat("<div>", tocNodesHtml, "</div>");
        // Set this HTML content to replace the inner content of the Toc
        // (this won't replace the <Toc> div, but the insides of it
        ESRI.ArcGIS.ADF.Web.UI.WebControls.CallbackResult tocContentResult =
            new ESRI.ArcGIS.ADF.Web.UI.WebControls.CallbackResult(
            toc, "innercontent", tocInnerContent);
        return tocContentResult;
    }

re: Using ASP.NET AJAX with the Web ADF

TM — Wed, 07 Nov 2007 17:47:02 GMT

Excellent material. The examples have enabled me to greatly improve the user experience in my web app. Does anyone have experience using these techniques with ESRI Floating Panels? I have an ESRI Floating Panel that I place query results in and would like this to occur asynchronously. I have attempted to use RenderControl (FloatingPanel1.RenderControl(writer)) on the FP to set up my CallbackResult similar to the TOC example. However, I continue to receive an error stating: "Control 'FloatingPanel1_hfHeight' of type 'HiddenField' must be placed inside a form tag with runat=server." Any suggestions?

re: Using ASP.NET AJAX with the Web ADF

AJ — Thu, 08 Nov 2007 17:08:05 GMT

I am also getting the same error about the control needing to be placed inside a for tag with runat=server although it clearly is. Any ideas?

re: Using ASP.NET AJAX with the Web ADF

TM — Fri, 09 Nov 2007 21:55:43 GMT

I actually found a workaround that got rid of the error by performing these steps. 1. Added the following subroutine to my Default.aspx.vb page: Public Overloads Overrides Sub VerifyRenderingInServerForm(ByVal control As Control) ' Confirms that an HtmlForm control is rendered for the ' specified ASP.NET server control at run time. ' No code required here. End Sub 2. Added the following line to the "<@ Page" line of my Default.aspx page: EnableEventValidation="false" Sources: -http://www.pcreview.co.uk/forums/thread-1259153.php -http://geekswithblogs.net/azamsharp/archive/2005/12/21/63845.aspx These code additions get me around the error and work for my page. I am not sure how they would affect a more complex page. Thanks.

re: Using ASP.NET AJAX with the Web ADF

tomidny — Tue, 11 Dec 2007 15:26:10 GMT

Today I found a way to use the ASP.AJAX's UpdateTable with some ToolAction. The goal was to display the selected points in a GridView.
I tried to do this with javascript codes and _doPostBack methods, but it didn't work well. Until I find out that the ScriptManager object is the key.
So briefly here are may solution:

In the ServerAction method after query is done put the results into the Session:


HttpContext.Current.Session["MapResultTable"] = table;

Call some javascript function:

string javascriptString = "updateFromMap();";
CallbackResult cr = new CallbackResult(null, null, "javascript", javascriptString);
MapInstance.CallbackResults.Add(cr);

Somewhere on the page we need some javascript code:

<script type="text/javascript" language="javascript">
        function updateFromMap() {
            __doPostBack('<%= FromMapBtn.ClientID %>', '');
        }
</script>

In an UpdatePanel let's hide a button:

<asp:UpdatePanel ID="UpdateFromMap" runat="server" UpdateMode="Conditional">
	<ContentTemplate>
		<asp:Button ID="FromMapBtn" runat="server" Text="From Map" Style="display:none"/>
        </ContentTemplate>
</asp:UpdatePanel>

In the Page_Load method do something like this:

ScriptManager sM = ScriptManager.GetCurrent(this);
if (sM.IsInAsyncPostBack) {
        if (sM.AsyncPostBackSourceElementID == TerkeprolBtn.ClientID) {
                //Bind the data to a GridView
                DataTable src = Session["MapResultTable"] as DataTable;
                _resultGV.DataSource = dt;
                _resultGV.DataBind();
                //refresh the GridView's UpdatePanel
                _updateResultGV.Update();
                //clear the data from the Session
                Session["MapResultTable"] = null;                
        }
}

And it might work for you as well ;)

re: Using ASP.NET AJAX with the Web ADF

Joe Blow — Thu, 03 Jan 2008 19:34:37 GMT

A small comment from an outside observer just glancing over these posts : wasn't asp.net and ajax supposed to simplify life? I'm not sure any other aspect of web development involves so much hoop jumping as working with esri controls.

re: Using ASP.NET AJAX with the Web ADF

Pragnesh — Tue, 08 Jan 2008 13:22:15 GMT

hi, i am using scriptmanager & update panle to show adrotator on my map. But it casus problem in map result when i use pan tool. It showing wrong tile result. when i remove scriptmanager & update panel it works fine. Any idea how can i display correct result. Thanks

re: Using ASP.NET AJAX with the Web ADF

Renee — Tue, 08 Apr 2008 19:22:10 GMT

I'd really like to be able to zoom to a feature selected from a drop-down, but I'd like the list of features to be populated dynamically. I was hoping there would be a way to pull the spatial extent for the feature without hard-coding coordinates. I have a list of buildings that is quite long and I don't want to have rewrite code every time my layer is edited. Is this possible in 9.2.4?

re: Using ASP.NET AJAX with the Web ADF

Jared A — Tue, 06 May 2008 22:04:38 GMT

Has any found a solution to the Pragnesh discovered? I'm having the issue with pan something is not in sync with Feature Layer and Graphic Layer when using the pan tool?

re: Using ASP.NET AJAX with the Web ADF

laksh — Sat, 05 Jul 2008 10:51:00 GMT

Dear All, I have one specific problem in 9.3 using .NET with respect to refreshing TOC. I am moving layer up on clikcing an item 'Move Layer Up' in context menu of TOC. Code works fine. But when I do second time Treeview Plus node become null protected void ContextMenu1_ItemClicked(object sender, ContextMenuItemEventArgs args) { ESRI.ArcGIS.ADF.Web.UI.WebControls.TreeViewPlusNode pNode = Toc1.Nodes.FindByNodeID(args.Context); //Here pNode value is null for second time clicking on layer in TOC. On Debugging TOC contains nodes but ID is not matched so it returns null. } How to Update TOC. Function given above doesnot helps. case "Move Layer UP": MoveLayerUP(pNode.Text); Map1.Refresh(); ContextMenu1.CallbackResults.CopyFrom(Map1.CallbackResults); Toc1.Refresh(); SetUpContextMenu(); ContextMenu1.CallbackResults.Add(RefreshControlHTML(Toc1)); //Referesh Control FUnction COde private ESRI.ArcGIS.ADF.Web.UI.WebControls.CallbackResult RefreshControlHTML(Control control) { try { System.IO.StringWriter strWriter = new System.IO.StringWriter(); HtmlTextWriter htmlWriter = new HtmlTextWriter(strWriter); control.RenderControl(htmlWriter); string htmlContent = strWriter.ToString(); strWriter.Close(); return new CallbackResult(control, "content", htmlContent); } catch (Exception ex) { callErrorPage(ex.Message, null); return null; } }

re: Using ASP.NET AJAX with the Web ADF

tbacon — Sat, 17 Jan 2009 00:38:25 GMT

I'd like to see an example utilizing an update panel within an EditorPanel. What I am trying to do is the rough equivelant of a custom Feature Inspector (like we can do via featureclass extension and ArcMap). I can get a user control (ascx) to load and display. I can populate the user control based on feature selection. Where I fail is in updating the feature based on input to the user control. It is as if the EditorPanel is intercepting the callbacks. For example, my textboxes do not reflect what the user entered.

re: Using ASP.NET AJAX with the Web ADF

Matthew Blackler — Wed, 01 Apr 2009 14:06:01 GMT

Excellent excellent excellent tutorial, very clear and concise. I have been struggling with this for a day with various methods recommended on the boards, and by following this tutorial, it now works a dream. Thankyou for taking the time to post this!

re: Using ASP.NET AJAX with the Web ADF

Eric Kauffman — Thu, 25 Jun 2009 16:09:31 GMT

I just wanted to leave a note in case someone else (including me down the road), runs into this. The javascript for the PageLoadingHandler above broke if the map was on a page that used a "Master Page". Doing this seemed to change the ID of the map to something other than "Map1". So, I fixed this by replacing: 'Map1' with '<%= Map1.ClientID %>'.