Hello, seems there is problem which I had face once. I tackled this problem
in three steps
1. Load html data from the server
2. Render this data ( make it proper)
3. Bind event handlers to those three buttons
$.ajax({
type : 'POST',
url : URI,
data : {DATA},
success : function(data) {
renderDataFn(data)
}
});
function renderDataFn(data) {
// Perform some actions on data proceed
// Add data to the DOM stucture
$('#container').html(data);
// For each button on a certain row bind event handlers
// with specific additional information e.g. each row has unique ID
// <tr id="uid_007">
// <td class="edit">Edit</td>
// <td class="delete">Delete</td>
// </tr>
$('#container t...@=edit]').each(function() {
$(this).bind('click', function() {
var uid = $(this).attr('id);
// do some stuff
}
})
// and the same to other controls
// notice it is better to refresh event handlers after
// each $('#dialog).dialog('close');
// some time in some browsers all event handlers
// binded before are flushed
}
With best,
Sultan Imanhodjaev
--
*(^_^)*
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
