contour entry view ajax error - Contour

Ben Norman 167 posts 276 karma points

Mar 19, 2012 @ 17:12

Contour Entry View - Ajax Error

I am using Contour 1.1.12 on a .net 4 web app running Umbraco 4.7.1.1.

When I view the entries for a form with 51 fields in it, it freezes because it gets an ajax error.

When I view the entries for a form with 15 fields on it, it works fine and as expected.

I believe there is an issue with the length of the querystring on the ajax requests being made.

Web.config QueryString Length settings:

    <httpRuntime requestValidationMode="2.0" maxQueryStringLength="4096" maxRequestLength="4096" maxUrlLength="4096" />

Ajax Error that occurs while viewing the Entries on the 51 field form:

NetworkError: 404 Not Found - http://iabawards2012.jrinteractive.com.au/umbraco/plugins/umbracocontour/webservices/records.aspx?guid=72cf18f3-d29e-425f-adbb-092803ba83fc&date=3/13/2012%202:24:20%20AM&state=Approved&sEcho=4&iColumns=69&sColumns=&iDisplayStart=0&iDisplayLength=10&sSearch=&bEscapeRegex=true&sSearch_0=&bEscapeRegex_0=true&sSearch_1=&bEscapeRegex_1=true&sSearch_2=&bEscapeRegex_2=true&sSearch_3=&bEscapeRegex_3=true&sSearch_4=&bEscapeRegex_4=true&sSearch_5=&bEscapeRegex_5=true&sSearch_6=&bEscapeRegex_6=true&sSearch_7=&bEscapeRegex_7=true&sSearch_8=&bEscapeRegex_8=true&sSearch_9=&bEscapeRegex_9=true&sSearch_10=&bEscapeRegex_10=true&sSearch_11=&bEscapeRegex_11=true&sSearch_12=&bEscapeRegex_12=true&sSearch_13=&bEscapeRegex_13=true&sSearch_14=&bEscapeRegex_14=true&sSearch_15=&bEscapeRegex_15=true&sSearch_16=&bEscapeRegex_16=true&sSearch_17=&bEscapeRegex_17=true&sSearch_18=&bEscapeRegex_18=true&sSearch_19=&bEscapeRegex_19=true&sSearch_20=&bEscapeRegex_20=true&sSearch_21=&bEscapeRegex_21=true&sSearch_22=&bEscapeRegex_22=true&sSearch_23=&bEscapeRegex_23=true&sSearch_24=&bEscapeRegex_24=true&sSearch_25=&bEscapeRegex_25=true&sSearch_26=&bEscapeRegex_26=true&sSearch_27=&bEscapeRegex_27=true&sSearch_28=&bEscapeRegex_28=true&sSearch_29=&bEscapeRegex_29=true&sSearch_30=&bEscapeRegex_30=true&sSearch_31=&bEscapeRegex_31=true&sSearch_32=&bEscapeRegex_32=true&sSearch_33=&bEscapeRegex_33=true&sSearch_34=&bEscapeRegex_34=true&sSearch_35=&bEscapeRegex_35=true&sSearch_36=&bEscapeRegex_36=true&sSearch_37=&bEscapeRegex_37=true&sSearch_38=&bEscapeRegex_38=true&sSearch_39=&bEscapeRegex_39=true&sSearch_40=&bEscapeRegex_40=true&sSearch_41=&bEscapeRegex_41=true&sSearch_42=&bEscapeRegex_42=true&sSearch_43=&bEscapeRegex_43=true&sSearch_44=&bEscapeRegex_44=true&sSearch_45=&bEscapeRegex_45=true&sSearch_46=&bEscapeRegex_46=true&sSearch_47=&bEscapeRegex_47=true&sSearch_48=&bEscapeRegex_48=true&sSearch_49=&bEscapeRegex_49=true&sSearch_50=&bEscapeRegex_50=true&sSearch_51=&bEscapeRegex_51=true&sSearch_52=&bEscapeRegex_52=true&sSearch_53=&bEscapeRegex_53=true&sSearch_54=&bEscapeRegex_54=true&sSearch_55=&bEscapeRegex_55=true&sSearch_56=&bEscapeRegex_56=true&sSearch_57=&bEscapeRegex_57=true&sSearch_58=&bEscapeRegex_58=true&sSearch_59=&bEscapeRegex_59=true&sSearch_60=&bEscapeRegex_60=true&sSearch_61=&bEscapeRegex_61=true&sSearch_62=&bEscapeRegex_62=true&sSearch_63=&bEscapeRegex_63=true&sSearch_64=&bEscapeRegex_64=true&sSearch_65=&bEscapeRegex_65=true&sSearch_66=&bEscapeRegex_66=true&sSearch_67=&bEscapeRegex_67=true&sSearch_68=&bEscapeRegex_68=true&iSortingCols=1&iSortCol_0=1&iSortDir_0=desc

Can we implement a post instead?

Copy Link

Ben Norman 167 posts 276 karma points

Mar 19, 2012 @ 18:09

Righto, So there are 4 references in to jqueryui.js that need to be updated when using Umbraco 4.7.1.1 and Contour 1.1.12.

Those patches will follow this post.

To update the site to use a post and therefore allow the entry viewer to work with large amounts of fields you need to make this change

/umbraco/plugins/umbracoContour/editFormEntries.aspx

@@ -2,7 +2,13 @@
 <%@ Register Namespace="umbraco.uicontrols" Assembly="controls" TagPrefix="umb" %>
 <asp:Content ID="headContent" ContentPlaceHolderID="head" runat="server">
-      
+      <script type="text/javascript">
+        jQuery.extend({
+          postJSON: function (url, data, callback) {
+            return jQuery.post(url, data, callback, "json");
+          }
+        });
+      </script>
       <link rel="Stylesheet" href="css/datatables.css" type="text/css" />
       <script src="scripts/jquery.datatables.js" type="text/javascript"></script>
       <script src="scripts/ZeroClipboard.js" type="text/javascript" charset="utf-8"></script>
@@ -32,6 +38,7 @@
 "bProcessing": true,
 "bServerSide": true,
 "sAjaxSource": webserviceUrl,
+          "fnServerData": $.postJSON,
 "aaSorting": [[ 1, "desc" ]],
 "aoColumns": [ 
                        {"fnRender": renderKey, "bSortable": false}, {"fnRender": renderDate},{"fnRender": renderString, "bSortable": false},{"fnRender": renderString, "bSortable": false},{"fnRender": renderString, "bSortable": false} <asp:literal id="colSettings" runat="server"/>

Copy Link

Ben Norman 167 posts 276 karma points

Mar 19, 2012 @ 18:11

1. incorrect reference to jqueryui

/umbraco/plugins/umbracoContour/editDataSource.aspx

@@ -1,4 +1,4 @@

-<%@ Page MasterPageFile="../../masterpages/umbracoPage.Master" Language="C#" AutoEventWireup="true" CodeBehind="editDataSource.aspx.cs" Inherits="Umbraco.Forms.UI.Pages.editDataSource" %>

+<%@ Page MasterPageFile="../../masterpages/umbracoPage.Master" Language="C#" AutoEventWireup="true" CodeBehind="editDataSource.aspx.cs" Inherits="Umbraco.Forms.UI.Pages.editDataSource" %>

<%@ Register Namespace="umbraco.uicontrols" Assembly="controls" TagPrefix="umb" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

@@ -49,7 +49,7 @@

<asp:Content ID="Content" ContentPlaceHolderID="body" runat="server">

- <script type="text/javascript" src="../../../umbraco_client/jqueryui.js"></script>

+ <script type="text/javascript" src="../../../umbraco_client/ui/jqueryui.js"></script>

Copy Link

Ben Norman 167 posts 276 karma points

Mar 19, 2012 @ 18:11

2. incorrect reference to jqueryui

/umbraco/plugins/umbracoContour/editFormEntries.aspx

@@ -281,7 +288,7 @@

<asp:Content ID="Content" ContentPlaceHolderID="body" runat="server">

- <script type="text/javascript" src="../../../umbraco_client/jqueryui.js"></script>

+ <script type="text/javascript" src="../../../umbraco_client/ui/jqueryui.js"></script>

<umb:UmbracoPanel ID="Panel1" runat="server" hasMenu="true" Text="Form entries">

Copy Link

Ben Norman 167 posts 276 karma points

Mar 19, 2012 @ 18:12

3. incorrect reference to jqueryui

/umbraco/plugins/umbracoContour/editFormWorkflows.aspx

@@ -1,4 +1,4 @@

-<%@ Page MasterPageFile="../../masterpages/umbracoPage.Master" Language="C#" AutoEventWireup="true" CodeBehind="editFormWorkflows.aspx.cs" Inherits="Umbraco.Forms.UI.Pages.editFormWorkflows" %>

+<%@ Page MasterPageFile="../../masterpages/umbracoPage.Master" Language="C#" AutoEventWireup="true" CodeBehind="editFormWorkflows.aspx.cs" Inherits="Umbraco.Forms.UI.Pages.editFormWorkflows" %>

<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Namespace="System.Web.UI" TagPrefix="asp" %>

@@ -172,7 +172,7 @@

<asp:Content ID="Content" ContentPlaceHolderID="body" runat="server">

-<script type="text/javascript" src="../../../umbraco_client/jqueryui.js"></script>

+<script type="text/javascript" src="../../../umbraco_client/ui/jqueryui.js"></script>

<umb:UmbracoPanel ID="Panel1" runat="server" hasMenu="false" Text="Form workflows">

Copy Link

Ben Norman 167 posts 276 karma points

Mar 19, 2012 @ 18:13

4. incorrect reference to jquery ui

/usercontrols/umbracoContour/EditForm.ascx

@@ -40,7 +40,7 @@

//-->

</script>

-<script type="text/javascript" src="<%= MainPath %>../../../umbraco_client/jqueryui.js"></script>

+<script type="text/javascript" src="<%= MainPath %>../../../umbraco_client//ui/jqueryui.js"></script>

Copy Link

Ben Norman 167 posts 276 karma points

Mar 19, 2012 @ 18:14

Anyway, thanks for the cool project ie contour. I hope this helps!

Copy Link

Amir Khan 1289 posts 2746 karma points

Jul 24, 2012 @ 21:04

Hi Ben,

If you change it to POST do you still need to fix all of the references to jquery.ui?

Thank you!

Amir

Copy Link

Amir Khan 1289 posts 2746 karma points

Jul 24, 2012 @ 21:49

Ben, I made the updates you posted above and now am not getting any errors but it just says "processing" regardless of the length of the form. Did you experience this?

Copy Link

Ben Norman 167 posts 276 karma points

Jul 26, 2012 @ 00:19

Hey there Amir,

I ended up changing the post back to a get to after updating the jqueryui references.

I also had to increase the maximum size of the request querystring in the web.config though because that was a problem.

The way I worked stuff out though was to fireup firefox and firebug to see the error details.

Give that a whirl.

Once you get the jqueryui stuff sorted and the error is not because the querystring is too long, give me some error info to work off.

Regards

Copy Link

Amir Khan 1289 posts 2746 karma points

Aug 02, 2012 @ 15:24

Hi Ben, sorry for the late response. When I update maxRequestLength to the value you have, I get a 500 Internal Server Error for the application. The references to jqueryui are resolved and I get no errors in firebug or chrome's developer console when I try to load the form entries, just the "processing" message. Any thoughts?

Thanks,

Amir

Copy Link

is working on a reply...

Flag this post as spam?

Contour Entry View - Ajax Error