function replyAccordion(complaintNo) {
$("#existingCustomersTab").find("#ticketHistorySubTab").find("#complaintNoHidden").val(complaintNo);
$.ajax({
url: "CallRegister2.aspx/fetchReply",
data: "{complaintNo:'" + complaintNo + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function (data) { return data; },
success: function (data) {
var $div2 = $('<div/>');
var $h3 = $('<h3/>');
var $div = $('<div/>');
var $p = $('<p/>');
var $textarea = $('<TextArea/>').attr('id', 'replyTextArea').css('width', '325px');
var $select = $('<Select/>').attr('id', 'statusSelect2').append(statusStr);
var $select2 = $('<Select/>').attr('id', 'repliedBySelect').append("<option value='Executive'>Executive</option><option value='Customer'>Customer</option>");
var $button = $('<Input/>').attr('value', 'Post Reply').attr('type', 'button').attr('id', 'replyButton');
$h3.append("Reply Post").append("| ComplaintNo:").append(complaintNo).append("| Status:").append("");
$p.append($textarea).append("<br />").append($select2).append($select).append($button);
$div.append($p);
$div2.append($h3).append($div);
$.each(data.d, function (i, item) {
var $h3 = $('<h3/>');
var $div = $('<div/>');
var $p = $('<p/>');
$h3.append("Replied By:").append(item.repliedBy).append("| On:").append(item.replyDate).append("| Status:").append(item.ticketStatus);
$p.append(item.reply);
$div.append($p);
$div2.append($h3).append($div);
});
$div2.accordion({ active: 0, autoHeight: false });
$("#existingCustomersTab").find("#ticketHistorySubTab").find("#ticketHistoryAccordion").empty().append($div2);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
}
Tuesday, January 15, 2013
Dynamic acordian Jquery
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment