<?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 to add custom button cart into Action column &#38; pop up</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/how-to-add-custom-button-cart-into-action-column-pop-up</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/how-to-add-custom-button-cart-into-action-column-pop-up/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>micnie2020 on How to add custom button cart into Action column &#38; pop up</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/how-to-add-custom-button-cart-into-action-column-pop-up#p30256</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/how-to-add-custom-button-cart-into-action-column-pop-up#p30256</guid>
        	        	<description><![CDATA[<p><a href="http://oi59.tinypic.com/dnkea9.jpg"><img src="http://oi59.tinypic.com/dnkea9.jpg" width="100"  style="float: left; border: 0;" class="spUserImage" alt="Acx" /><img src="http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_Mouse.png" class=" sfmouseother" alt="Image Enlarger" /></a></p>
</p>
<p>My skeleton code:-</p>
</p>
<p>{ name:</p>
<p>formatoptions: {</p>
<p>onEdit:</p>
</p>
<p>},</p>
<p>onSuccess:</p>
<p>alert(</p>
</p>
<p>},</p>
<p>onError:</p>
</p>
<p>alert(</p>
<p>},</p>
<p>afterSave:</p>
<p>alert(</p>
<p>},</p>
<p>afterRestore:</p>
<p>alert(</p>
<p>},</p>
<p>delOptions: myDelOptions</p>
<p>}</p>
<p>}</p>
<p>],</p>
<p>multiselect:</p>
<p>height: $(</p>
<p>autowidth:</p>
<p>&#39;act&#39;, index: &#39;act&#39;, width: 55, align: &#39;center&#39;, sortable: false, formatter: &#39;actions&#39;,function (rowid) {function (jqXHR) { "Successful Edited");return true;function (rowid, jqXHR, textStatus) {"Error:" +"\n=" + jqXHR.responseText +"\nstatus=" + jqXHR.status +"\nstatusText" + jqXHR.statusText +"\n");function (rowid) {"Successful edited")function (rowid) {"Successful edited")false,"#container").height(),true, //rownumbers: true,</p>
<p>cloneToTop:</p>
<p>rowNum: 50,</p>
<p>rowList: [50, 100, 150, 200],</p>
<p>pager: $(</p>
<p>gridComplete:</p>
</p>
<p>be =</p>
<p>se =</p>
<p>ce =</p>
<p>jQuery(</p>
<p>}</p>
<p>},</p>
<p>true,&#39;#pager1&#39;),function () {var ids = $("#list1").jqGrid(&#39;getDataIDs&#39;);for (var i = 0; i &#60; ids.length; i++) {var cl = ids[i];"&#60;input style=&#39;height:22px;width:20px;&#39; type=&#39;button&#39; value=&#39;E&#39; onclick="$(&#39;#list1&#39;).editRow(&#39;" + cl + "&#39;);" /&#62;";"&#60;input style=&#39;height:22px;width:20px;&#39; type=&#39;button&#39; value=&#39;S&#39; onclick="$(&#39;#list1&#39;).saveRow(&#39;" + cl + "&#39;);" /&#62;";"&#60;input style=&#39;height:22px;width:20px;&#39; type=&#39;button&#39; value=&#39;C&#39; onclick="$(&#39;#list1&#39;).restoreRow(&#39;" + cl + "&#39;);" /&#62;";"#rowed2").jqGrid(&#39;setRowData&#39;, ids[i], { act: be + se + ce });<span id="_marker">&#160;</span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"></span></span></p>
<p>{ name:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">&#39;act&#39;</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">, index: </span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">&#39;act&#39;</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">, width: 55, align: </span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">&#39;center&#39;</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">, sortable: </span></span><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">false</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">, formatter: </span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">&#39;actions&#39;</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">,</span></span></p>
<p>formatoptions: {</p>
<p>onEdit:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">function</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> (rowid) {<br />
</span></span></p>
<p>},</p>
<p>onSuccess:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">function</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> (jqXHR) {</span></span></p>
<p>alert(</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"Successful Edited"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">);</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">return</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> </span></span><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">true</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">;</span></span></p>
<p>},</p>
<p>onError:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">function</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> (rowid, jqXHR, textStatus) {<br />
</span></span></p>
<p>alert(</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"Error:"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> +</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"\n="</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> + jqXHR.responseText +</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"\nstatus="</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> + jqXHR.status +</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"\nstatusText"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> + jqXHR.statusText +</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"\n"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">);</span></span></p>
<p>},</p>
<p>afterSave:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">function</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> (rowid) {</span></span></p>
<p>alert(</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"Successful edited"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">)</span></span></p>
<p>},</p>
<p>afterRestore:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">function</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> (rowid) {</span></span></p>
<p>alert(</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"Successful edited"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">)</span></span></p>
<p>},</p>
<p>delOptions: myDelOptions</p>
<p>}</p>
<p>}</p>
<p>],</p>
<p>multiselect:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">false</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">,</span></span></p>
<p>height: $(</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"#container"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">).height(),</span></span></p>
<p>autowidth:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">true</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">, </span></span><span style="font-size: x-small; font-family: Consolas; color: #006400;"><span style="font-size: x-small; font-family: Consolas; color: #006400;"><span style="font-size: x-small; font-family: Consolas; color: #006400;">//rownumbers: true, </span></span></span></p>
<p><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"></span></span></p>
<p>cloneToTop:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">true</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">,</span></span></p>
<p>rowNum: 50,</p>
<p>rowList: [50, 100, 150, 200],</p>
<p>pager: $(</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">&#39;#pager1&#39;</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">),</span></span></p>
<p>gridComplete:</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">function</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> () {</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">var</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> ids = $(</span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"#list1"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">).jqGrid(</span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">&#39;getDataIDs&#39;</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">);</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">for</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> (</span></span><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">var</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> i = 0; i &#60; ids.length; i++) {</p>
<p></span></p>
<p></span></p>
<p><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;"><span style="font-size: x-small; font-family: Consolas; color: #0000ff;">var</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> cl = ids[i];</span></span></p>
<p>be =</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"&#60;input style=&#39;height:22px;width:20px;&#39; type=&#39;button&#39; value=&#39;E&#39; onclick="$(&#39;#list1&#39;).editRow(&#39;"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> + cl + </span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"&#39;);" /&#62;"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">;</span></span></p>
<p>se =</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"&#60;input style=&#39;height:22px;width:20px;&#39; type=&#39;button&#39; value=&#39;S&#39; onclick="$(&#39;#list1&#39;).saveRow(&#39;"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> + cl + </span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"&#39;);" /&#62;"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">;</span></span></p>
<p>ce =</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"&#60;input style=&#39;height:22px;width:20px;&#39; type=&#39;button&#39; value=&#39;C&#39; onclick="$(&#39;#list1&#39;).restoreRow(&#39;"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;"> + cl + </span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"&#39;);" /&#62;"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">;</span></span></p>
<p>jQuery(</p>
</p>
<p><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">"#rowed2"</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">).jqGrid(</span></span><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;"><span style="font-size: x-small; font-family: Consolas; color: #800000;">&#39;setRowData&#39;</span></span></span><span style="font-size: x-small; font-family: Consolas;"><span style="font-size: x-small; font-family: Consolas;">, ids[i], { act: be + se + ce });</span></span></p>
<p>}</p>
<p>},</p>
<p>Please advise.</p>
</p>
<p>Thank you.</p>
</p>
<p>Regards,</p>
<p>Micheale</p></p>
]]></description>
        	        	<pubDate>Tue, 18 Feb 2014 03:31:31 +0200</pubDate>
        </item>
</channel>
</rss>