2010-12-15 74 views
0

Donc tout le javascript se charge bien sauf pour le jqGrid. Il me donne cette erreur:jquery jqgrid ne charge pas

jQuery("#resultsGrid").jqGrid is not a function

Ce que je suppose signifie qu'il ne peut pas trouver la source .js. Cependant, il est dans mon dossier Js principal avec tous les autres goodies, et tout le reste semble bien fonctionner. De plus, aucun des autres javascript n'a besoin de référencer le contenu de la grille comme source, donc si je le référence dans la balise de script, il va tout casser autrement?

<script> 
    $(document).ready(function() { 

     $("#prepaymentTable").bubble({ width: 400, title: 'Prepayment' }); 
     $("#exposureTable").bubble({ width: 400, title: 'Exposure' }); 

     $('#calculateButton').live('click', function() { 
      alert('Calculating Prepayment Analysis...'); 
     }); 

     $('#exposureButton').live('click', function() { 
      alert('Calculating Exposure Analysis...'); 
     }); 

     jQuery("#resultsGrid").jqGrid({ 
      datatype: "local", 
      height: 250, 
      colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'], 
      colModel: [ 
       { name: 'id', index: 'id', width: 60, sorttype: "int" }, 
       { name: 'invdate', index: 'invdate', width: 90, sorttype: "date" }, 
       { name: 'name', index: 'name', width: 100 }, 
       { name: 'amount', index: 'amount', width: 80, align: "right", sorttype: "float" }, 
       { name: 'tax', index: 'tax', width: 80, align: "right", sorttype: "float" }, 
       { name: 'total', index: 'total', width: 80, align: "right", sorttype: "float" }, 
       { name: 'note', index: 'note', width: 150, sortable: false } 
      ], multiselect: true, 
      caption: "Manipulating Array Data" 
     }); 
     var mydata = [ 
      { id: "1", invdate: "2007-10-01", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" }, 
      { id: "2", invdate: "2007-10-02", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" }, 
      { id: "3", invdate: "2007-09-01", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" }, 
      { id: "4", invdate: "2007-10-04", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" }, 
      { id: "5", invdate: "2007-10-05", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" }, 
      { id: "6", invdate: "2007-09-06", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" }, 
      { id: "7", invdate: "2007-10-04", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" }, 
      { id: "8", invdate: "2007-10-03", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" }, 
      { id: "9", invdate: "2007-09-01", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" } 
      ]; 
     for (var i = 0; i <= mydata.length; i++) 
      jQuery("#resultsGrid").jqGrid('addRowData', i + 1, mydata[i]); 

     }); 
    </script> 

Répondre

1

Vous devez vérifier que vous avez chargé les fichiers jqGrid dans l'ordre correct (voir documentation). Une erreur type inclut "i18n/grid.locale-en.js" après le "jquery.jqGrid.min.js". Si cela ne vous aide pas, vous devez ajouter votre question avec les informations sur le chargement des fichiers JavaScript et des fichiers CSS que vous utilisez.