title: How to open a Popup with TextArea in JqGrid on click of an Icon?
body: <p>I am new to JqGrid, trying to achieve below functionality. I tried looking for a demo to open a pop up, but no luck. Please let me know if there are any demo's out there that I can refer to.</p>
  
  <p>I Have a JqGrid as shown in the below image. I just added "Notes" column using below code</p>
  
  <pre><code>                {
                      name: 'Notes',
                      width: 60,
                      sortable: false, resizable: false,
                      search: false,
                      formatter: function() {
                          return "&lt;span id='notes' class='ui-icon ui-icon-document' style='margin-left: 20px;'&gt;&lt;/span&gt;";
                      }
                  },
  </code></pre>
  
  <p>When Notes icon is clicked, I want to open a pop-up to add some notes, the pop up should include a TextArea, Save and Cancel buttons to save Notes.</p>
  
  <p><img src="https://i.stack.imgur.com/jAJ94.png" alt="JqGrid"></p>