Hi folks,
I'm in need of some help. I'm using blockUI to display a small set of fields
to the user along with two buttons, "save" and "close". This little
psuedo-form (it's not a true form) appears when the user clicks on a store
from a list of stores that I'm displaying for them. It works great on the
first click (regardless of the store selected) but doesn't work for any
subsequent clicks. All subsequent clicks display the default "Please Wait"
message.
Here's how I'm accomplishing this so far:
The list of stores is in a table. Each row has a click bound to it that
calls a function called SetClickEvent. For different tables this function
performs different actions. In the case of selecting a store, it basically
binds that click to the function EditStore. The EditStore function then
makes an ajax call to my ColdFusion server which builds the psuedo-form and
returns it so that jQuery can then place it in the DOM. The psuedo-form
comes back from the server with all its buttons and all it's fields
pre-filled depending on which store was clicked.
Immediately after putting the markup into the DOM, I use jQuery to find the
buttons and bind their click events to them. Then I call blockUI to show the
psuedo-form.
Like I said, it works like a champ the first time around, but all subsequent
clicks fail. Here's the EditStore function:
function EditStore(id){
alert(id);
var $StoreUpdateForm = $("#StoreUpdateForm");
var $MessageArea = $(".SystemMessages");
$MessageArea.empty().append("Loading...").show();
$.AjaxCFC({
url: "CFC/Display.cfc",
method: "displayStoreUpdateForm",
data: {"id":id},
unnamedargs: false,
serialization: "json",
success: function(data) {
$StoreUpdateForm.empty().append(data);
$("#CloseBtnID").bind("click",function(){
$.unblockUI();
});
$("#SaveBtnID").bind("click",function(){
alert("coming soon");
});
$.blockUI($StoreUpdateForm[0],{padding:'2px',
borderColor:'#3F6F5E', top:'25%', left:'50%' });
},
complete: function(){
$MessageArea.empty().hide();
}
});
}
Unlike, most of my projects this one can be viewed online, but I'd have to
give my password to the development area of this little app., and (I know
this is a bad thing, but...) even in the development version it deals with
live data. I'm hesitant to just post that information to a list. It's not
that the app allows access to overly sensitive data, but I'd rather be safe.
Let me know if you just have to, have to, have to see the bug in the wild.
I am using the latest version of blockUI, with the latest version of jQuery.
I have verified (via the alert statement that you can see at the top of the
EditStore function) that each time a store gets clicked on, it's ID is
indeed passed into the function as expected. Presumably the problem exists
somewhere in the success block of my ajax call.
Cheers,
Chris
--
http://cjordan.us
