Guriddo » Topic: grid.base.js not found error

grid.base.js not found error

Guriddo
jqgrid
grid.base.js not found error

Tagged: jqgrid

This topic has 1 reply, 2 voices, and was last updated 10 years, 5 months ago by tony.

Creator

Topic

June 2, 2015 at 3:09 am #123873

phamtranquocviet

Participant

Hi,

I am trying to test out the AMD feature of jqgrid and getting this error. I thought jquery.jqGrid.min is self-contained. Why is it looking for grid.base.js?

<span class=”objectBox objectBox-string “>NetworkError: 404 Not Found – http://localhost/~xyz/js/grid.base.js?bust=1433206542026</span>

Here is where I setup requirejs:


//Setup app
require.config({
paths: {
jquery: "../libs/jqueries/jquery",
underscore: "../libs/underscores/underscore",
backbone: "../libs/backbones/backbone",
bootstrap: "../libs/boostraps/bootstrap",
sha: "../libs/sha/sha",
text: "../libs/requires/plugins/text",
jqgridlocale: "../libs/jqgrid/js/i18n/grid.locale-en",
jqgrid: "../libs/jqgrid/js/jquery.jqGrid.min",
cssjs: "../libs/requires/plugins/css",
css: "../../css",
templates: "../../templates",
models: "../models",
views: "../views"
},
urlArgs: "bust=" + (new Date()).getTime()
});

//Kick off app
require(["../views/giip/login_view"], function(LoginView) {
new LoginView();
});

&nbsp;

Here is where the path above is referenced:

define([
"jquery",
"text!templates/giipa/marketing/contacts_manager_template.html",
"jqgridlocale",
"jqgrid",
"cssjs!css/jqgrid.css",
"cssjs!css/jqueryui.css"
], function($, contactsManagerTemplateText) {
var ContactsManagerView = Backbone.View.extend({

el: $("body"),

events: {
//"click #contactsManager-tabs ul > li > a": "showSelectedContactsManagerMethod",
},

instantiateGrid: function() {
$("#contacts-grid").jqGrid({
url: 'data.json',
// we set the changes to be made at client side using predefined word clientArray
editurl: 'clientArray',
datatype: "json",
colModel: [
{
label: 'Customer ID',
name: 'CustomerID',
width: 75,
key: true,
editable: true,
editrules : { required: true}
},
{
label: 'Company Name',
name: 'CompanyName',
width: 140,
editable: true // must set editable to true if you want to make the field editable
},

...

...

&nbsp;

Here is where grid instantiation is called:

render: function () {
var compiledContactsManagerTemplate;

if($("#central .tab-content > #contacts-manager").html() != "" ) {
return;
}

compiledContactsManagerTemplate = _.template(contactsManagerTemplateText);
$("#contacts-manager").append(compiledContactsManagerTemplate);

this.instantiateGrid();
},

//Setup app

require.config({

paths: {

jquery: "../libs/jqueries/jquery",

underscore: "../libs/underscores/underscore",

backbone: "../libs/backbones/backbone",

bootstrap: "../libs/boostraps/bootstrap",

sha: "../libs/sha/sha",

text: "../libs/requires/plugins/text",

jqgridlocale: "../libs/jqgrid/js/i18n/grid.locale-en",

jqgrid: "../libs/jqgrid/js/jquery.jqGrid.min",

cssjs: "../libs/requires/plugins/css",

css: "../../css",

templates: "../../templates",

models: "../models",

views: "../views"

urlArgs: "bust=" + (new Date()).getTime()

});

//Kick off app

require(["../views/giip/login_view"], function(LoginView) {

new LoginView();

});

Here is where the path above is referenced:

define([

"jquery",

"text!templates/giipa/marketing/contacts_manager_template.html",

"jqgridlocale",

"jqgrid",

"cssjs!css/jqgrid.css",

"cssjs!css/jqueryui.css"

], function($, contactsManagerTemplateText) {

var ContactsManagerView = Backbone.View.extend({

el: $("body"),

events: {

//"click #contactsManager-tabs ul > li > a": "showSelectedContactsManagerMethod",

instantiateGrid: function() {

$("#contacts-grid").jqGrid({

url: 'data.json',

// we set the changes to be made at client side using predefined word clientArray

editurl: 'clientArray',

datatype: "json",

colModel: [

{

label: 'Customer ID',

name: 'CustomerID',

width: 75,

key: true,

editable: true,

editrules : { required: true}

{

label: 'Company Name',

name: 'CompanyName',

width: 140,

editable: true // must set editable to true if you want to make the field editable

...

Here is where grid instantiation is called:

render: function () {

var compiledContactsManagerTemplate;

if($("#central .tab-content > #contacts-manager").html() != "" ) {

return;

}

compiledContactsManagerTemplate = _.template(contactsManagerTemplateText);

$("#contacts-manager").append(compiledContactsManagerTemplate);

this.instantiateGrid();

This topic was modified 10 years, 5 months ago by phamtranquocviet.
This topic was modified 10 years, 5 months ago by phamtranquocviet.
This topic was modified 10 years, 5 months ago by tony.

Creator

Topic

Viewing 1 replies (of 1 total)

Author

Replies
June 2, 2015 at 11:47 am #123880

tony
Keymaster

Hello,

We have prepares a example using AMD. Look here

I suppose you will not need to call the entire jqGrid file. It is better to call by example formedit which includes grid.base automatically.

I think there is no sense to use AMD with the entrie jqGrid file.

Kind Regards,
Author

Replies

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.

Stay connected with us in your favorite flavor!

grid.base.js not found error

Search Forum

Recent Replies

Forum Statistics

UserOnline