<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: How/where do I code jqGrid's afterRefresh event?</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/howwhere-do-i-code-jqgrids-afterrefresh-event</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/help/howwhere-do-i-code-jqgrids-afterrefresh-event/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>Bill on How/where do I code jqGrid's afterRefresh event?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/howwhere-do-i-code-jqgrids-afterrefresh-event#p26820</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/howwhere-do-i-code-jqgrids-afterrefresh-event#p26820</guid>
        	        	<description><![CDATA[<p>I&#39;m new to both jQuery and jqGrid, so I&#39;m still finding my way.&#160; I&#39;ve gotten jqGrid wo work successfully with regard to editing, deleting, data, etc.&#160; I want to execute a function everytime the "Reload" icon is clicked in the grid navigator.&#160; I tried adding the nec. code in the navigator (see below), but the code isn&#39;t getting executed.&#160; I&#39;m sure I&#39;m&#160;missing something obvious.&#160; Can anyone help?</p>
<p>&#160;&#160;&#160;&#160;&#160;// manage grid navigator buttons<br />&#160;&#160;&#160;&#160;&#160;var resp;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;$("#CurrMoTime").navGrid("#pagerCurrMo",<br />&#160;&#160;&#160;&#160;&#160;&#160;// Navigator options<br />&#160;&#160;&#160;&#160;&#160;&#160;{edit:false,<br />&#160;&#160;&#160;&#160;&#160; &#160; add:false,<br />&#160;&#160;&#160;&#160;&#160; &#160; del:true,<br />&#160;&#160;&#160;&#160;&#160; &#160; search:false,<br />&#160;&#160;&#160;&#160;&#160;&#160; refresh:true},<br />&#160;&#160;&#160;&#160;&#160;&#160;// Edit Options<br />&#160;&#160;&#160;&#160;&#160;&#160;{},<br />&#160;&#160;&#160;&#160;&#160;&#160;// Add Options<br />&#160;&#160;&#160;&#160;&#160;&#160;{},<br />&#160;&#160;&#160;&#160;&#160;&#160;// Delete Options<br />&#160;&#160;&#160;&#160;&#160;&#160;{// The beforeShowForm property below changes the msg on the delete dialog box that appears<br />&#160;&#160;&#160;&#160;&#160;&#160; // when the assoc clicks on the trash can <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; beforeShowForm:<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; function ($form) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; $("td.delmsg").html("Delete selected row of Time Detail?");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;onclickSubmit:<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;function(id) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;// Note: rowSeqNum - obtained by onSelectRow event in jqGrid def above (can&#39;t use getCell in Edit mode as per doc) <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;//&#160;&#160;&#160;&#160;&#160;&#160; delData - addt&#39;l data sent to identify time detail to delete in ep_associate_time<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;//&#160;&#160;&#160;&#160;&#160;&#160; url - delete cfc/method to call to delete time detail<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;//&#160;&#160;&#160;&#160;&#160;&#160; aftersubmit - examine response returned by ajax call to delete time detail<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;jQuery(&#39;#CurrMoTime&#39;).delGridRow(id,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {delData: {seqnum:rowSeqNum},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <a href="/blog/&#39;/cfapp/intranet/apps/rd/cf_components/Time.cfc?method=DelTime&#38;UserId=&#39;" target="_blank">url:&#39;/cfapp/intranet/apps/rd/cf_components/Time.cfc?method=DelTime&#38;UserId=&#39;</a> + varNulls + &#39;&#38;Password=&#39; + varNulls + &#39;&#38;AssocEmplid=&#39; + AssocEmplid + &#39;&#38;PED=&#39; + CurrMoPED + &#39;&#38;callingpgm=&#39; + PgmId,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; afterSubmit:<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; function(response,postdata) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if (response.status == 200) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $("#delhdCurrMoTime span.ui-icon-closethick").trigger("click");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; updateTotLogged();&#160;&#160;// Update the Total Logged Percentage in Time Grid Header&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; cfrmTDTitle = "Delete Request Successful";&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; cfrmTDContent = "Your request to delete Time Detail has been successfully processed.";<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; DispTimedMsg(cfrmTDTitle,cfrmTDContent);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; return true;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;} else {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; cfrmTDTitle = "";<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; cfrmTDContent = "";<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; DispTimedMsg(cfrmTDTitle,cfrmTDContent);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; return false;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;};<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; errorTextFormat:<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; function (response) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;// the selectors referenced below pertain to the title and body content of the Delete Dialog box; we are <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;// overriding them on error response returned from the server<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;$("span.ui-jqdialog-title").html("Delete Failed!");&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;$("#DelError td.ui-state-error").html("Contact ITAC if this problem persists!&#60;br/&#62;&#60;br/&#62;Details: Pgm ID " + PgmId + "; CFC.Method - Time.DelTime; Period End Date - " + CurrMoPED + "; Associate ID - " + AssocEmplid + "; Time Detail Sequence # - " + rowSeqNum + ".&#160; Could not delete this row of time detail.&#160; HTTP Response Status - " + response.status + ".");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;&#160;&#160;},<br />&#160;&#160;&#160;&#160;&#160;&#160;// Refresh Options<br />&#160;&#160;&#160;&#160;&#160;&#160;{afterRefresh:<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;function() {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;window.alert("Got here!!!");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;updateTotLogged();&#160;&#160;// Update the Total Logged Percentage in Time Grid Header<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;&#160;&#160;}&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;);</p>
]]></description>
        	        	<pubDate>Tue, 19 Jun 2012 21:46:51 +0300</pubDate>
        </item>
</channel>
</rss>