title: jqgrid - toolbar text - is this a good way of doing it?
body: <p>I have specified <code>userdata</code> in JSON response. Depending on the value of the <code>title</code> property, </p>
  
  <ul>
  <li>the caption will change to reflect the value of the <code>title</code> property</li>
  <li>the text in the toolbar (between the grid caption and data table headers) will change</li>
  </ul>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="myjqgrid"&gt;&lt;/table&gt;
  &lt;div id="Pager"&gt;&lt;/div&gt;  
  </code></pre>
  
  <p><strong>JSON</strong></p>
  
  <pre><code>{
      "colModel": [
          {
              "name": "ID",
              "label": "ID",
              "width": 60,
              "align": "left",
              "jsonmap": "cells.0.value",
              "sortable": true      
          },
          {
              "name": "FirstName",
              "label": "FirstName",
              "width": 100,
              "align": "left",
              "jsonmap": "cells.1.value",
              "sortable": false       
          },
          {
              "name": "LastName",
              "label": "LastName",
              "width": 100,
              "align": "left",
              "jsonmap": "cells.2.value",
              "sortable": false       
          }
      ],
      "colNames": [
          "ID",
          "FirstName",
          "LastName"
      ],
      "mypage": {
          "outerwrapper": {
              "page":"1",
              "total":"1",
              "records":"20",
              "innerwrapper": {
                  "rows":[
                      {
                          "id":"1",
                          "cells":
                          [               
                              {
                                  "value":"12345",
                                  "label": "ID"                       
                              },
                              {
                                  "value":"David",
                                  "label": "FirstName"    
                              },
                              {                           
                                  "value":"Smith",
                                  "label": "LastName"                         
                              }                                                                                       
                          ]       
                      },
                      {
                          "id":"2",
                          "cells":
                          [               
                             {
                                  "value":"37546",
                                  "label": "ID"                       
                              },
                              {
                                  "value":"Willy",
                                  "label": "FirstName"    
                              },
                              {                           
                                  "value":"Peacock",
                                  "label": "LastName"                         
                              }                                                                                       
                          ]       
                      },
                      {
                          "id":"3",
                          "cells":
                          [               
                              {
                                  "value":"62345",
                                  "label": "ID"                       
                              },
                              {
                                  "value":"Kim",
                                  "label": "FirstName"    
                              },
                              {                           
                                  "value":"Holmes",
                                  "label": "LastName"                         
                              }                                                                                       
                          ]       
                      },
                      {
                          "id":"4",
                          "cells":
                          [      
                              {
                                  "value":"186034",
                                  "label": "ID"                       
                              },
                              {
                                  "value":"Andy",
                                  "label": "FirstName"    
                              },
                              {                           
                                  "value":"Wills",
                                  "label": "LastName"                         
                              }                                                                                       
                          ]       
                      },
                      {
                          "id":"5",
                          "cells":
                          [              
                              {
                                  "value":"67345",
                                  "label": "ID"                       
                              },
                              {
                                  "value":"Paul",
                                  "label": "FirstName"    
                              },
                              {                           
                                  "value":"Lawrence",
                                  "label": "LastName"                         
                              }                                                                                       
                          ]       
                      },
                      {
                          "id":"6",
                          "cells":
                          [              
                              {
                                  "value":"12906",
                                  "label": "ID"                       
                              },
                              {
                                  "value":"Andy",
                                  "label": "FirstName"    
                              },
                              {                           
                                  "value":"Charlery",
                                  "label": "LastName"                         
                              }                                                                                       
                          ]       
                      },
                      {
                          "id":"7",
                          "cells":
                          [              
                              {
                                  "value":"564565",
                                  "label": "ID"                       
                              },
                              {
                                  "value":"Bets",
                                  "label": "FirstName"    
                              },
                              {                           
                                  "value":"Josilyn",
                                  "label": "LastName"                         
                              }                                                                                       
                          ]       
                      }
                  ],
                  "userdata": {
                      "title": "My Title 1"     // this can be 'My Title 1' or 'My Title 2'                   
                  }
              }
          }
      }
  }
  </code></pre>
  
  <p><strong>JQGrid Definition</strong></p>
  
  <pre><code>$(document).ready(function () { 
      $.ajax({
          type: "GET",
          url: "myjqgrid.json",
          data: "",
          dataType: "json",
          success: function(response){
              var columnData = response.mypage.outerwrapper,
                  columnNames = response.colNames,
                  columnModel = response.colModel;
  
              $("#myjqgrid").jqGrid({
                  datatype: 'jsonstring',
                  datastr: columnData,                
                  colNames: columnNames,
                  colModel: columnModel,
                  jsonReader: {
                      root: "innerwrapper.rows", 
                      userdata: "innerwrapper.userdata",             
                      repeatitems: false
                  },
                  gridview: true,
                  pager: "#Pager",
                  rowNum: 21,
                  rowList: [21],
                  viewrecords: true,              
                  recordpos: 'left',
                  multiboxonly: true,
                  multiselect: true,
                  width: "1406",      
                  height: "auto",
                  loadonce: true, 
                  toolbar: [true,"top"],  
                  loadComplete: function(){
                      var userdata = $("#myjqgrid").jqGrid('getGridParam', 'userData');
                      if (userdata) {
                          if (userdata.title) {
                              $("#myjqgrid").jqGrid('setCaption', userdata.title);
                          }
                      }
                      if (userdata.title === "My Title 1") {
                          $("div#t_myjqgrid").append("Viewing the Records.");
                      } else if (userdata.title === "My Title 2") {
                          $("div#t_myjqgrid").append("Editing the Records.");
                      }
                  }
              });
              $("#myjqgrid").jqGrid('navGrid','#Pager', {add:false, edit:false, del:false, position: 'right'});
          }
      });
  });
  </code></pre>
  
  <p><strong>My Question is</strong></p>
  
  <p>Is this the right way of changing the content of <code>div#t_myjqgrid</code>? Or does jqgrid offer a property/method/event that I can use? </p>