jqgrid multiselect 2

demo

by rough cheap

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/css/ui.jqgrid.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-en.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/jquery.jqGrid.min.js"></script>
<button id="load" type="button">
  LOAD
</button>
<button id="save" type="button">
  SAVE
</button>
<table id="grid"></table>
<div id="pager"></div>
<div id="status"></div>

JavaScript

$(function() {
  var mydata = [{
      id: "10",
      invdate: "2007-10-01",
      name: "test1",
      note: "note1",
      amount: "200.00",
      tax: "10.00",
      closed: true,
      ship_via: "TN",
      total: "210.00"
    },
    {
      id: "20",
      invdate: "2007-10-02",
      name: "test2",
      note: "note2",
      amount: "300.00",
      tax: "20.00",
      closed: false,
      ship_via: "FE",
      total: "320.00"
    },
    {
      id: "30",
      invdate: "2007-09-01",
      name: "test3",
      note: "note3",
      amount: "400.00",
      tax: "30.00",
      closed: false,
      ship_via: "FE",
      total: "430.00"
    },
    {
      id: "40",
      invdate: "2007-10-04",
      name: "test4",
      note: "note4",
      amount: "200.00",
      tax: "10.00",
      closed: true,
      ship_via: "TN",
      total: "210.00"
    },
    {
      id: "50",
      invdate: "2007-10-31",
      name: "test5",
      note: "note5",
      amount: "300.00",
      tax: "20.00",
      closed: false,
      ship_via: "FE",
      total: "320.00"
    },
    {
      id: "60",
      invdate: "2007-09-06",
      name: "test6",
      note: "note6",
      amount: "400.00",
      tax: "30.00",
      closed: false,
      ship_via: "FE",
      total: "430.00"
    },
    {
      id: "70",
      invdate: "2007-10-04",
      name: "test7",
      note: "note7",
      amount: "200.00",
      tax: "10.00",
      closed: true,
      ship_via: "TN",
      total: "210.00"
    },
    {
      id: "80",
      invdate: "2007-10-03",
      name: "test8",
      note: "note8",
      amount: "300.00",
      tax: "20.00",
      closed: false,
      ship_via: "FE",
      total: "320.00"
    },
    {
      id: "90",
      invdate: "2007-09-01",
      name: "test9",
      note: "note9",
      amount: "400.00",
      tax: "30.00",
      closed: false,
      ship_via: "TN",
      total: "430.00"
    },
    {
      id: "100",
      invdate: "2007-09-08",
      name: "test10",
      note:...