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)

Reply via email to