I am using the the modal form method of jquery ui (
http://jqueryui.com/demos/dialog/#modal-form) to add notes to a record. The notes are shown via an included file. I want to put a method to delete a particular note from the list w/o leaving the page.
I cannot send pages b.c they are inside a protected site but here is the basic layout..
<page>
$("div##notesDiv").load("inc/incNotesList.cfm",{ID:"#url.clientid#",table:"client"});
$('div.dialog-form').dialog({ autoOpen: false });
$("#addNoteBtn").click(function (){
$("#newNote").dialog({
bgiframe: true,
autoOpen: true,
height: 'auto',
modal: true,
buttons: {
'Save': function() {
$.post(
"ajax/notesSave.cfm", ///Form to post to
$("#noteForm").serialize(), // puts all the form fields into a url string for posting to notesSave.cfm
function(data){
<cfif listfindnocase(session.user.roles,'Super Admin')> // Only for me :)
$('#postError div p').append(data);
$('#postError').css("display", "block"); //This is just for seeing any errors that were thrown back from submission
</cfif>
<cfoutput>$("div##notesDiv").load("inc/incNotesList.cfm",{ID:"#url.clientid#",table:"client"});</cfoutput>
// reload the main form's notes div
}
),
$(this).dialog('close')
},
'Cancel': function() {$(this).dialog('close');},
},
close: function() {$(this).dialog('close');}, //This is the big x in the corner
width: 'auto'
});
})
<INCLUDED NOTES FILE>
<table cellspacing="0" cellpadding="3px" width="100%" ><!---class="ui-widget-header ui-corner-all"--->
<tr>
<th>Created</th>
<th>By</th>
<th>Note</th>
<th> </th>
</tr>
<cfoutput query="notes">
<cfset user = application.userService.getUserbyID(form.id)>
<tr>
<td valign="top">#dateformat(note_DateEntered,"mm/dd/yy")#</td>
<td valign="top">#application.userService.getUserbyID(note_CreatedBy).user_FirstName# #application.userService.getUserbyID(note_CreatedBy).user_LastName#</td>
<td valign="top">#left(note_Note,50)# ...</td>
<td>PUT A DELETE LINK HERE </td>
</tr>
</cfoutput>
</INCLUDED NOTES FILE>
What I need to do is to put a link to delete the particular note from the database (where it says PUT A DELETE LINK HERE ) and have it possibly load another file like notesDelete.cfm and then reload the included notes file in its place.
Any help is greatly appreciated - I am struggling to figure this out as I tend to hobble along at jQuery.
Thanks much,
Chris
God Bless and Give with Passion!