Mai created TAP5-2502:
-------------------------
Summary: Tapestry5: jQuery.dialog not work with DataTables
Key: TAP5-2502
URL: https://issues.apache.org/jira/browse/TAP5-2502
Project: Tapestry 5
Issue Type: Bug
Affects Versions: 5.3.8
Reporter: Mai
Now we are using DataTable for showing the finder result. In one cell there is
a Actionlink delete-button. But if we click on the delete button, no
jQuery.dialog is displayed. The code for that I have posted at below.
Thanks for analyzing...
Template:
<t:jquery.datatable t:id="finderResultGrid"
t:source="finderCallback.finderGridDataSource"
t:rowsPerPage="prop:rowsPerPageInitial"
t:include="prop:colsToInclude" t:exclude="prop:colsToExclude"
t:model="finderResultGridModel"
t:options="finderResultGridOptions"
t:mode="false" t:row="finderResultRow"
t:tableInformation="finderResultGridInformation" t:add="action">
....
<p:actionCell><t:modcommon.actionLinkBuilder....
-------------------------------------------------------------------------------
Code behind the delete button:
jQuery(document).ready(function($) { $('#delete_mtmmtm').click(function (e) {
e.preventDefault();$('#form_delete_popup').dialog('open');$(
'#delete_pkTargetField' ).val('bXRtbXRt');$( '#delete_pkTargetField_hash'
).val('974AF96FBBCCD2FF103DABF6EB5CF3D5F66EB8179CFF73A2AA629633F5B2B425');});});
----------------------------------------------------------------------------------------------
Calling function:
<script type="text/javascript">
// due to use of jQuery data table we have to add the class
"k-actions"
// to each last td of each tr in table with id "finderResultGrid"
jQuery(document).ready(function() {
jQuery( "#finderResultGrid tr td:last-of-type" ).addClass(
"k-actions" );
$(function() {
var dialog1 = $("#form_delete_popup").dialog({
autoOpen: false,
height: 150,
width: 350,
modal: true,
title: 'Delete user',
});
});
});
</script>
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)