jqgrid分页多选

<pre><pre><div><pre class="prettyprint linenums prettyprinted"><ol class="linenums" style="padding-left: 0px;"><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-html"><span class="tag">&lt;input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"hidden"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"selectedIds"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">""</span><span class="tag">/&gt;</span></code></li></ol></pre></div><div><br></div></pre></pre><pre><div><pre class="prettyprint linenums prettyprinted"><ol class="linenums" style="padding-left: 0px;"><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-js"><span class="kwd">function</span><span class="pln"> optGrid</span><span class="pun">(</span><span class="pln">rowId</span><span class="pun">,</span><span class="pln"> status</span><span class="pun">){</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-js"><span class="kwd">var</span><span class="pln"> ids </span><span class="pun">=</span><span class="pln"> $</span><span class="pun">(</span><span class="str">"#selectedIds"</span><span class="pun">).</span><span class="pln">val</span><span class="pun">();</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-js"><span class="pln">ids </span><span class="pun">=</span><span class="pln"> status</span><span class="pun">==</span><span class="kwd">true</span><span class="pln"> </span><span class="pun">?</span><span class="pln"> </span><span class="pun">(</span><span class="pln">ids</span><span class="pun">.</span><span class="pln">indexOf</span><span class="pun">(</span><span class="pln">rowId</span><span class="pun">)</span><span class="pln"> </span><span class="pun">==</span><span class="pln"> </span><span class="pun">-</span><span class="lit">1</span><span class="pun">?</span><span class="pln"> ids </span><span class="pun">+</span><span class="pln"> rowId</span><span class="pun">+</span><span class="str">","</span><span class="pun">:</span><span class="pln">ids</span><span class="pun">)</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> ids</span><span class="pun">.</span><span class="pln">replace</span><span class="pun">((</span><span class="pln">rowId</span><span class="pun">+</span><span class="str">","</span><span class="pun">),</span><span class="str">""</span><span class="pun">);</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-js"><span class="pln">$</span><span class="pun">(</span><span class="str">"#selectedIds"</span><span class="pun">).</span><span class="pln">val</span><span class="pun">(</span><span class="pln">ids</span><span class="pun">);</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-js"><span class="pun">}</span></code></li></ol></pre></div><div><br></div></pre><pre><pre><div><pre class="prettyprint linenums prettyprinted"><ol class="linenums" style="padding-left: 0px;"><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-c"><span class="pln">function load_authcode_jqGrid</span><span class="pun">(){</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-c"><span class="pln">jQuery</span><span class="pun">(</span><span class="str">"#ajax_authcode_table"</span><span class="pun">).</span><span class="pln">jqGrid</span><span class="pun">({</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-c"><span class="pln">url</span><span class="pun">:</span><span class="str">'ajax-authcode!list.action'</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-c"><span class="pln">datatype</span><span class="pun">:</span><span class="pln"> </span><span class="str">"json"</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-c"><span class="pln">colNames</span><span class="pun">:[</span><span class="str">'注册码'</span><span class="pun">,</span><span class="str">"所属企业"</span><span class="pun">,</span><span class="str">"当前状态"</span><span class="pun">,</span><span class="str">"当前使用/已使用"</span><span class="pun">,</span><span class="str">"绑定时间"</span><span class="pun">,</span><span class="str">"剩余天数"</span><span class="pun">,</span><span class="str">"创建时间"</span><span class="pun">,</span><span class="str">'创建人'</span><span class="pun">,</span><span class="str">"id"</span><span class="pun">],</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L5"><code class="language-c"><span class="pln">colModel</span><span class="pun">:[</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L6"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'authCode'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'authCode'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">120</span><span class="pun">,</span><span class="pln">sortable</span><span class="pun">:</span><span class="kwd">true</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L7"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'company'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'company'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">120</span><span class="pun">,</span><span class="pln">sortable</span><span class="pun">:</span><span class="kwd">true</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L8"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'status'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'status'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">80</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">,</span><span class="pln">formatter</span><span class="pun">:</span><span class="pln">statusFormat</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L9"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'use'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'use'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">60</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'bindDate'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'bindDate'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">60</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'days'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'days'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">60</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'createDate'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'createDate'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">80</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'creater'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'creater_name'</span><span class="pun">,</span><span class="pln"> width</span><span class="pun">:</span><span class="lit">80</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-c"><span class="pun">{</span><span class="pln">name</span><span class="pun">:</span><span class="str">'id'</span><span class="pun">,</span><span class="pln">index</span><span class="pun">:</span><span class="str">'id'</span><span class="pun">,</span><span class="pln">hidden</span><span class="pun">:</span><span class="kwd">true</span><span class="pun">,</span><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">}</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L5"><code class="language-c"><span class="pun">],</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L6"><code class="language-c"><span class="pln">rowNum </span><span class="pun">:</span><span class="pln"> </span><span class="lit">10</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L7"><code class="language-c"><span class="pln">rowList</span><span class="pun">:[</span><span class="lit">10</span><span class="pun">,</span><span class="lit">20</span><span class="pun">,</span><span class="lit">30</span><span class="pun">],</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L8"><code class="language-c"><span class="pln">pager </span><span class="pun">:</span><span class="pln"> </span><span class="str">'#ajax_authcode_list_page'</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L9"><code class="language-c"><span class="pln">gridComplete</span><span class="pun">:</span><span class="pln">function</span><span class="pun">(){</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-c"><span class="pln">var dIds</span><span class="pun">=</span><span class="pln">$</span><span class="pun">(</span><span class="str">"#ajax_authcode_table"</span><span class="pun">).</span><span class="pln">jqGrid</span><span class="pun">(</span><span class="str">'getDataIDs'</span><span class="pun">);</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-c"><span class="pln">var sIds </span><span class="pun">=</span><span class="pln"> $</span><span class="pun">(</span><span class="str">"#selectedIds"</span><span class="pun">).</span><span class="pln">val</span><span class="pun">();</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-c"><span class="kwd">for</span><span class="pun">(</span><span class="pln">var i</span><span class="pun">=</span><span class="lit">0</span><span class="pun">;</span><span class="pln">i</span><span class="pun">&lt;</span><span class="pln">dIds</span><span class="pun">.</span><span class="pln">length</span><span class="pun">;</span><span class="pln">i</span><span class="pun">++){</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-c"><span class="kwd">if</span><span class="pun">(</span><span class="pln">sIds</span><span class="pun">.</span><span class="pln">indexOf</span><span class="pun">(</span><span class="pln">dIds</span><span class="pun">[</span><span class="pln">i</span><span class="pun">])!=-</span><span class="lit">1</span><span class="pun">)</span><span class="pln"> $</span><span class="pun">(</span><span class="str">"#ajax_authcode_table"</span><span class="pun">).</span><span class="pln">jqGrid</span><span class="pun">(</span><span class="str">"setSelection"</span><span class="pun">,</span><span class="pln"> dIds</span><span class="pun">[</span><span class="pln">i</span><span class="pun">]);</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-c"><span class="pun">}</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L5"><code class="language-c"><span class="pln">$</span><span class="pun">(</span><span class="str">".ui-jqgrid-bdiv"</span><span class="pun">).</span><span class="pln">css</span><span class="pun">(</span><span class="str">"overflow-x"</span><span class="pun">,</span><span class="str">"hidden"</span><span class="pun">);</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L6"><code class="language-c"><span class="pln">jqGridStyle</span><span class="pun">();</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L7"><code class="language-c"><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L8"><code class="language-c"><span class="pln">caption </span><span class="pun">:</span><span class="pln"> </span><span class="str">"&lt;i class='fa fa-arrow-circle-right'&gt;&lt;/i&gt; 充值码一览"</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L9"><code class="language-c"><span class="pln">jsonReader</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-c"><span class="pln">root</span><span class="pun">:</span><span class="pln"> </span><span class="str">"dataRows"</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-c"><span class="pln">page</span><span class="pun">:</span><span class="pln"> </span><span class="str">"page"</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-c"><span class="pln">total</span><span class="pun">:</span><span class="pln"> </span><span class="str">"total"</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-c"><span class="pln">records</span><span class="pun">:</span><span class="pln"> </span><span class="str">"records"</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-c"><span class="pln">repeatitems </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L5"><code class="language-c"><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L6"><code class="language-c"><span class="pln">multiselect </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L7"><code class="language-c"><span class="pln">rownumbers</span><span class="pun">:</span><span class="kwd">true</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L8"><code class="language-c"><span class="pln">gridview</span><span class="pun">:</span><span class="kwd">true</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L9"><code class="language-c"><span class="pln">shrinkToFit</span><span class="pun">:</span><span class="kwd">true</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-c"><span class="pln">viewrecords</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-c"><span class="pln">autowidth</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-c"><span class="pln">height</span><span class="pun">:</span><span class="str">'auto'</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-c"><span class="pln">forceFit</span><span class="pun">:</span><span class="kwd">true</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-c"><span class="pln">onSelectRow</span><span class="pun">:</span><span class="pln">function</span><span class="pun">(</span><span class="pln">rowId</span><span class="pun">,</span><span class="pln"> status</span><span class="pun">,</span><span class="pln"> e</span><span class="pun">){</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L5"><code class="language-c"><span class="pln">optGrid</span><span class="pun">(</span><span class="pln">rowId</span><span class="pun">,</span><span class="pln"> status</span><span class="pun">)</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L6"><code class="language-c"><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L7"><code class="language-c"><span class="pln">onSelectAll</span><span class="pun">:</span><span class="pln">function</span><span class="pun">(</span><span class="pln">aRowids</span><span class="pun">,</span><span class="pln"> status</span><span class="pun">,</span><span class="pln"> e</span><span class="pun">){</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L8"><code class="language-c"><span class="kwd">for</span><span class="pun">(</span><span class="pln">var i</span><span class="pun">=</span><span class="lit">0</span><span class="pun">;</span><span class="pln">i</span><span class="pun">&lt;</span><span class="pln">aRowids</span><span class="pun">.</span><span class="pln">length</span><span class="pun">;</span><span class="pln">i</span><span class="pun">++){</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L9"><code class="language-c"><span class="pln">optGrid</span><span class="pun">(</span><span class="pln">aRowids</span><span class="pun">[</span><span class="pln">i</span><span class="pun">],</span><span class="pln"> status</span><span class="pun">);</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-c"><span class="pun">}</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-c"><span class="pun">},</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-c"><span class="pln">loadComplete</span><span class="pun">:</span><span class="pln"> function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-c"><span class="pun">}</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-c"><span class="pun">});</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L5"><code class="language-c"><span class="pln">$</span><span class="pun">(</span><span class="pln">window</span><span class="pun">).</span><span class="pln">on</span><span class="pun">(</span><span class="str">'resize.jqGrid'</span><span class="pun">,</span><span class="pln"> function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L6"><code class="language-c"><span class="pln">jQuery</span><span class="pun">(</span><span class="str">"#ajax_authcode_table"</span><span class="pun">).</span><span class="pln">jqGrid</span><span class="pun">(</span><span class="str">'setGridWidth'</span><span class="pun">,</span><span class="pln"> $</span><span class="pun">(</span><span class="str">"#ajax_authcode_list_row"</span><span class="pun">).</span><span class="pln">width</span><span class="pun">());</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L7"><code class="language-c"><span class="pun">})</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L8"><code class="language-c"><span class="pln">jQuery</span><span class="pun">(</span><span class="str">"#ajax_authcode_table"</span><span class="pun">).</span><span class="pln">jqGrid</span><span class="pun">(</span><span class="str">'navGrid'</span><span class="pun">,</span><span class="pln"> </span><span class="str">"#ajax_authcode_list_page"</span><span class="pun">,</span><span class="pln"> </span><span class="pun">{</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L9"><code class="language-c"><span class="pln">edit </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L0"><code class="language-c"><span class="pln">add </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L1"><code class="language-c"><span class="pln">del </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L2"><code class="language-c"><span class="pln">search</span><span class="pun">:</span><span class="kwd">false</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L3"><code class="language-c"><span class="pun">});</span></code></li><li style="list-style-type: none; padding-left: 0px;" class="L4"><code class="language-c"><span class="pun">};</span></code></li></ol></pre></div><div><br></div></pre></pre>

<br /><br /><div><a title="来自为知笔记(Wiz)" href="http://www.wiz.cn/i/c22c368c">来自为知笔记(Wiz)</a></div><br /><br />

转载于:https://my.oschina.net/xForMe/blog/415199