[jQuery] Jeditable, Should a rebind be necessary after ajax return?
Hi,
I have 3 fields that im attaching jeditable to. I run my own ajax
function to send the form elements to the edit url. All works fine but
the controls seem to get unbound when i click the submit button in
firefox and chrome. If i submit using the enter key they do not get
unbound. I don't think a rebind should ever be necessary as I am
setting the text of the bound element not replacing it.
Does anyone have a clue whats happening here?
$(document).ready(function() {
$("#event_details_email").editable(submitEdit, {
indicator : "Saving...",
tooltip : "Click to edit...",
name : "Editable.EmailAddress",
id : "elementid",
type : "text",
submit : "<span class=\"mini_button\">Ok</span>",
cssclass : "edit_text"
});
$("#event_details_phone").editable(submitEdit, {
indicator : "Saving...",
tooltip : "Click to edit...",
name : "Editable.PhoneNumber",
id : "elementid",
type : "text",
submit : "<span class=\"mini_button\">Ok</span>",
cssclass : "edit_text"
});
$("#event_details_description").editable(submitEdit, {
indicator : "Saving...",
tooltip : "Click to edit...",
name : "Editable.Description",
id : "elementid",
type : "textarea",
submit : "<span class=\"bigger_button\">Ok</span>",
cssclass : "edit_textarea"
});
function submitEdit(value, settings)
{
var edits = new Object();
var origvalue = this.revert;
var textbox = this;
var result = value;
edits[settings.name] = [value];
var returned = $.ajax({
url: "http://localhost/edit/
34",
type: "POST",
data : edits,
dataType : "json",
complete : function (xhr,
textStatus)
{
var response
= $.secureEvalJSON(xhr.responseText);
if
(response.errorMsg != "")
{
//alert
("error setting back to "+origvalue);
$.jGrowlError(response.errorMsg);
result =
origvalue;
$
(textbox).text(result);
//return
} else {
//alert
("success");
$.jGrowlSuccess("Update successful");
$
(textbox).text(result);
//return
}
}
});
return(result);
}
$.jGrowl.defaults.position = "bottom-left";
});
Thanks,