Databases
StackOverflow2013
Postsdbo
POjQuery Confirm Dialog in ASP.NET Button OnClientClick
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Confirm Dialog in ASP.NET Button OnClientClick
    primarykey
    data
    text
    <p>I have a TemplateField in a GridView in an UpdatePanel with a button called <code>btnDelete</code>. Rather than the standard <code>OnClientClick="return confirm('Are you sure?')"</code> I'd like to use jQuery Dialog.</p> <p>So far, I'm able to set the jQuery using <code>btnDelete.Attributes["onclick"]</code> and setting the jQuery Dialog code in the code-behind. However, it posts back to the server in all cases before I have a chance to click "Confirm" or "Cancel". </p> <p>Here is the HTML it produces:</p> <pre><code>&lt;input type="submit" rel="Are you sure?" class="action-link delete" id="ctl00_c1_gvTransfers_ctl02_btnDelete" onclick="return function() { $('#delete-transfer-confirm').dialog({ buttons: { 'Confirm' : function() { $(this).dialog('close'); return true; }, 'Cancel' : function() { $(this).dialog('close'); return false; } } }); $('p.message').text($(this).attr('rel')); $('#delete-transfer-confirm').dialog('open'); };" value="Delete" name="ctl00$c1$gvTransfers$ctl02$btnDelete"&gt; </code></pre> <p>What am I doing wrong that is causing this function not to block until either button is clicked?</p> <p>Conversely, the standard confirm works just fine:</p> <pre><code>&lt;input type="submit" class="action-link delete" id="ctl00_c1_gvTransfers_ctl02_btnDelete" onclick="try{if (!window.confirm('Are you sure?')){return false;};}catch(e1){alert(&amp;quot;Unexpected Error:\n\n&amp;quot; + e1.toString());return false;};" value="Delete" name="ctl00$c1$gvTransfers$ctl02$btnDelete"&gt; </code></pre> <p>Thanks, Mark</p> <p><strong>UPDATE:</strong></p> <p>Ultimately, I had to use UseSubmitBehavior="false" to get the name="" attribute to render. Then I had to override the OnClientClick, setting the value to "return;" so the default __doPostBack() doesn't get executed. Then I was able to wire up a .live() click handler, which invokes the __doPostBack() on Confirm:</p> <pre><code>$('input.delete').live('click', function(e) { var btnDelete = $(this); alert($(btnDelete).attr('name')); e.preventDefault(); $('#delete-transfer-confirm').dialog({ buttons: { 'Confirm': function() { $(this).dialog('close'); __doPostBack($(btnDelete).attr('name'), ''); return true; }, 'Cancel': function() { $(this).dialog('close'); return false; } } }); $('p.message').text($(this).attr('rel')); $('#delete-transfer-confirm').dialog('open'); }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMark Richman
    1. USMark Richman
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POjQuery Confirm Dialog in ASP.NET Button OnClientClick
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POjQuery Confirm Dialog in ASP.NET Button OnClientClick
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POjQuery Confirm Dialog in ASP.NET Button OnClientClick
      1. USDerrick H
      1. VTFavorite
    1. COInstead of wrapping your code in an onClick function, do the binding separated by getting the element $("ctl00_c1_gvTransfers_ctl02_btnDelete").onClick(function(){ YOUR CODE });
      singulars
      1. POjQuery Confirm Dialog in ASP.NET Button OnClientClick
      1. USJay Zeng
    2. COThere is a easy to use plugin to do it here: http://stackoverflow.com/questions/6457750/form-confirm-before-submit
      singulars
      1. POjQuery Confirm Dialog in ASP.NET Button OnClientClick
      1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload