Using ColdFusion UI tags and many bound controls

This post is more than 2 years old.

So, as a rule, I refuse to answer questions about ColdFusion UI tags. I definitely blogged about them in the past, but like others, I've come to realize that they cause more problems then they solve. To quote the great one...

CFUI controls are the path to the dark side. CFGIRD leads to CFLAYOUT. CFLAYOUT leads to CFPOD. CFPOD leads to suffering.

However, there are two reasons I'm helping out here. One, the person who wrote me used a bad email address so I couldn't reply directly. Secondly, the issue he ran into is one I've run into myself outside of ColdFusion's UI tags. With that out of the way, let's look at his question.

Is there a character/length limit to the number of arguments/parameters that one can pass into a ColdFusion Grid using the bind attribute?

The reason I ask, I have a search/filter that passes over 56 arguments into a function on a CFC. As soon as I try and add another argument (57th) I get an error on the grid in the AJAX debugger and firebug that states the CFC can no longer be found (http: Error invoking CFC /documentsearch/documentadvancedsearch.cfc : Not Found). I understand that this the standard error when there is an issue.

So yes, indeed, there is a size issue. When making an XHR (Ajax) request, there is an upper limit to the size of the URL you can send. If you pass data via query string parameters, it is definitely possible to hit the limit.This is pretty easy to replicate. I built a simple grid and added an additional bind to a large textarea. (And by size I mean the size of the data inside.) Consider:

	<cftextarea name="fieldpoo" value="#repeatString('x ',1999)#" width="400" height="400" />

<cfgrid bind="cfc:testingzone.test2.getData({cfgridpage},{cfgridpagesize},{cfgridsortcolumn},{cfgridsortdirection},{fieldpoo})"
name="mygrid" format="html" width="400">
	<cfgridcolumn name="title">

Note how the textarea is prepopulated with a huge string. If you run this in your browser you end up with an error:

You can modify that textarea to use a smaller value and suddenly see it start working. So how do you fix this?

Unfortunately, as far as I know, you're screwed. CF UI controls offer three types of bindings: To a CFC, to a URL, and to a JavaScript function. For both the CFC and URL versions, GET requests are used. It wouldn't make sense to change it for the URL version, and the code behind CF's UI stuff uses GET for the CFC version. In theory it would be a quick tweak if you edited CF's JavaScript files, but I'm not sure I'd recommend it.

What about binding to a JavaScript function? Unfortunately the bind requires you to return an immediate response. If you used a JavaScript function that then did an XHR call to load your data, you would be using an asynchronous response and it would throw an error.

So to be clear, I do not believe you can get around this (easily) using CFGRID. I'm happy to be proven wrong of course. If you want to fix this, then I think the only method would be to find the proper ColdFusion JavaScript library and change it to use POST instead of GET. From what I can see this is line 127 in cfajax.js. (Well, around line 127.) Even if you force that method to POST, note that CF has already created the URL string and it is already too large, so that's probably not going to be a route for you as well.

Finally, as you can hopefully tell, the title of this entry isn't exactly appropriate. Even with one control, if you have too much data you will (possibly) run into this issue. I beg of you: Tell your coworkers, tell your friends, tell everyone, just learn JavaScript!

Raymond Camden's Picture

About Raymond Camden

Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA

Archived Comments

Comment 1 by Todd Sharp posted on 10/29/2013 at 10:22 PM

It *might* be possible to adjust the web server to accommodate larger packages.

1. Open IIS manager
2. Select your web site
3. Open "Request Filtering"
4. Right hand side menu - "Edit Feature Settings"
5. Up the Maximum allowed content length. Ex: 256mbs - 268435456 bytes


Comment 2 by Raymond Camden posted on 10/29/2013 at 10:23 PM

I thought - stress thought - this was a browser issue instead.

Comment 3 by Richard Hefter posted on 10/29/2013 at 10:32 PM

I cannot tell you how much time I have spent getting CGRID to work the way I wanted it. We did not initially have a JQuery/Javascript expert when we began so I was forced to use it. It also changed in it's rendition with CF10 -- uuurgggghhh. STAY AWAY!!!!!

Comment 4 by Ty Whalin posted on 10/29/2013 at 10:37 PM

Hey Ray, has been a min. My favorite part it the YOUR SCREWED. Thanks for the quick laugh.

Comment 5 by Raymond Camden posted on 10/29/2013 at 10:38 PM

"has been a min" ?

Comment 6 by Ty Whalin posted on 10/29/2013 at 10:53 PM

Moved to a new house recently and just getting thing's in order. Starting to write and communicate again in some of my normal places. Plus, had a few clients needing some serious attention after being down almost a month during the move process. Will catch you again soon, I am sure of it.

Comment 7 by Edward Rynearson posted on 10/29/2013 at 11:10 PM

Don't use CF UI going forward would be my recommendation. Ray told me that.

Comment 8 by Joey Daly posted on 10/30/2013 at 2:24 AM

Haha. What is this CFUI you speak of? I actually never knew it existed till I read this, and that's all the time I'll give it.

+1 Learn JS!

Comment 9 by Tom Chiverton posted on 11/4/2013 at 2:17 PM

"if you used a JavaScript function that then did an XHR call to load your data, you would be using an asynchronous response and it would throw an error"
Even if you pass 'async: false' to jQuery's wrapper ?

Comment 10 by Raymond Camden posted on 11/5/2013 at 5:11 PM

Yeah - that could - in theory - work - but is (typically) not recommended.