Author Topic: Uncaught Error: no such method 'instance' for pqGrid widget instance  (Read 418 times)

francis

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 2
    • View Profile
Hi,

I'm stuck while using the example snippet of the [Nesting with lazy loading], and it comes up with the error as below
Everything runs well but the detail section shows once just before the error happened and vanished at the 2nd click.
How to fix it? Thanks in advance.

Uncaught Error: no such method 'instance' for pqGrid widget instance
    jQuery 5
    renderView http://localhost:8080/eIMS/grid/pqgrid.min.js:13
    refreshRow http://localhost:8080/eIMS/grid/pqgrid.min.js:20
    refreshRow http://localhost:8080/eIMS/grid/pqgrid.min.js:20
    refreshRow http://localhost:8080/eIMS/grid/pqgrid.min.js:11
    softRefresh http://localhost:8080/eIMS/grid/pqgrid.min.js:13
    rowExpand http://localhost:8080/eIMS/grid/pqgrid.min.js:13
    rowExpand http://localhost:8080/eIMS/grid/pqgrid.min.js:12
    toggle http://localhost:8080/eIMS/grid/pqgrid.min.js:13
    n http://localhost:8080/eIMS/grid/pqgrid.min.js:9
    _trigger http://localhost:8080/eIMS/grid/pqgrid.min.js:9
    _onClickCell http://localhost:8080/eIMS/grid/pqgrid.min.js:10
    _create http://localhost:8080/eIMS/grid/pqgrid.min.js:10
    jQuery 8
    _create http://localhost:8080/eIMS/grid/pqgrid.min.js:10
    jQuery 2
    _create http://localhost:8080/eIMS/grid/pqgrid.min.js:12
    jQuery 2
    _createWidget http://localhost:8080/eIMS/grid/pqgrid.min.js:10
    jQuery 6
    grid http://localhost:8080/eIMS/grid/pqgrid.min.js:12
    grid http://localhost:8080/eIMS/grid/pqgrid.min.js:19
    show http://localhost:8080/eIMS/scripts/pqexplorer.js:163
    jQuery 18
    <anonymous> http://localhost:8080/eIMS/scripts/pqexplorer.js:32
    jQuery 8
------------------------------

Version used
jQuery : 1.8.3
jQuery UI: 1.12.1

The code:
   var objA=function(gridMain, rowData){
      return {
         columnBorders: false,width: "flex",height:"flex",
         showTop: false,showBottom: false,
         sortModel: {sorter:[{dataIndx:'SequenceNumber', dir: "up"}]},
         dataModel: {dataType: "jsonp",location: "remote",method: "GET",
            error: function () {gridMain.rowInvalidate({ rowData: rowData });},
            getUrl: function(){return {url:"xxxxx", data:"orderId="+rowData.OrderID}}
         },
              colModel: [
            { title:"",width: 85,dataType:"string",dataIndx:"SequenceNumber" },
            { title:"",width: 95,dataType:"string",dataIndx:"Description" },
            { title:"",width:150,dataType:"string",dataIndx:"Unit"},
            { title:"",width:100,dataType:"float", dataIndx:"UnitPrice",align: "right"},
            { title:"",width: 85,dataType:"float", dataIndx:"Quantity", align: "right"},
            { title:"",width: 80,dataType:"float", dataIndx:"Amount", align: "right"},
         ],
         height: 'flex',
         numberCell: { show: false },
         title: "Order Details"           
      };
   }
   function initDetail(ui){
      var rd = ui.rowData;
      var detailobj = objA(this,rd); //get a copy of gridDetailModel                       
      var $grid = $("<div></div>").pqGrid(detailobj); //init the detail grid.
      return $grid;
   }   
   var objB = {
      ........
      colModel:.....,
      dataModel: ......
      detailModel:{cache:true,
            collapseIcon:"ui-icon-plus",
            expandIcon:"ui-icon-minus",
            init:initDetail,
   };
   $grdB=pq.grid("#divBList",objB)  <----- this is the line 163 of error message above (show http://localhost:8080/eIMS/scripts/pqexplorer.js:163)


Francis

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 5228
    • View Profile
[ Only Pro members may read this post. ]

francis

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 2
    • View Profile
The version of pqgrid applied is [ParamQuery Pro v7.5.0]
I'm preparing the jsfiddle and will tell you once I have it done.

Thanks for your replay