PDA

View Full Version : Invalid Label - what does this mean?



Webnet
21 Feb 2008, 10:24 AM
I'm trying to setup the grid on one of our pages and I'm experiencing an issue. Even when I copy the example directly I get this error.

invalid label
http://www.domain.com/mineral_data_feed.php?start=0&limit=25&sort=lastpost&dir=DESC&_dc=1203628886609&callback=stcCallback1001
Line 1

Am I doing something wrong? ^_^

aconran
21 Feb 2008, 10:56 AM
Run your code through jslint. I'm guessing you may have an extra comma.

Webnet
21 Feb 2008, 11:13 AM
I get this return through JSLint:

No new global variables introduced.

aconran
21 Feb 2008, 11:34 AM
What does the callback page return? Is it valid JavaScript? is it wrapped in the callback that you sent as a url parameter?

Webnet
21 Feb 2008, 11:37 AM
Ok, first off, I'm a bit new to javascript and EXT. I just started working with EXT a few days ago so I dont' know a lot.

http://www.starcraft-source.com/mineral_data_feed.php is where the feed is printed.

Here's the code I'm using.


Ext.onReady(function(){

// create the Data Store
var store = new Ext.data.Store({
// load using script tags for cross domain, if the data in on the same domain as
// this page, an HttpProxy would be better
proxy: new Ext.data.ScriptTagProxy({
url: 'http://www.starcraft-source.com/mineral_data_feed.php'
}),

// create reader that reads the Topic records
reader: new Ext.data.JsonReader({
root: 'topics',
totalProperty: 'totalCount',
id: 'threadid',
fields: [
'title', 'forumtitle', 'forumid', 'author',
{name: 'replycount', type: 'int'},
{name: 'lastpost', mapping: 'lastpost', type: 'date', dateFormat: 'timestamp'},
'lastposter', 'excerpt'
]
}),

// turn on remote sorting
remoteSort: true
});
store.setDefaultSort('lastpost', 'desc');

// pluggable renders
function renderTopic(value, p, record){
return String.format(
'<b><a href="http://extjs.com/forum/showthread.php?t={2}" target="_blank">{0}</a></b><a href="http://extjs.com/forum/forumdisplay.php?f={3}" target="_blank">{1} Forum</a>',
value, record.data.forumtitle, record.id, record.data.forumid);
}
function renderLast(value, p, r){
return String.format('{0}<br/>by {1}', value.dateFormat('M j, Y, g:i a'), r.data['lastposter']);
}

// the column model has information about grid columns
// dataIndex maps the column to the specific data field in
// the data store
var cm = new Ext.grid.ColumnModel([{
id: 'topic', // id assigned so we can apply custom css (e.g. .x-grid-col-topic b { color:#333 })
header: "Topic",
dataIndex: 'title',
width: 420,
renderer: renderTopic
},{
header: "Author",
dataIndex: 'author',
width: 100,
hidden: true
},{
header: "Replies",
dataIndex: 'replycount',
width: 70,
align: 'right'
},{
id: 'last',
header: "Last Post",
dataIndex: 'lastpost',
width: 150,
renderer: renderLast
}]);

// by default columns are sortable
cm.defaultSortable = true;

var grid = new Ext.grid.GridPanel({
el:'topic-grid',
width:700,
height:500,
title:'ExtJS.com - Browse Forums',
store: store,
cm: cm,
trackMouseOver:false,
sm: new Ext.grid.RowSelectionModel({selectRow:Ext.emptyFn}),
loadMask: true,
viewConfig: {
forceFit:true,
enableRowBody:true,
showPreview:true,
getRowClass : function(record, rowIndex, p, store){
if(this.showPreview){
p.body = '<p>'+record.data.excerpt+'</p>';
return 'x-grid3-row-expanded';
}
return 'x-grid3-row-collapsed';
}
},
bbar: new Ext.PagingToolbar({
pageSize: 25,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display",
items:[
'-', {
pressed: true,
enableToggle:true,
text: 'Show Preview',
cls: 'x-btn-text-icon details',
toggleHandler: toggleDetails
}]
})
});

// render it
grid.render();

// trigger the data store load
store.load({params:{start:0, limit:25}});

function toggleDetails(btn, pressed){
var view = grid.getView();
view.showPreview = pressed;
view.refresh();
}
});

aconran
21 Feb 2008, 11:42 AM
Is the mineral data feed page wrapping its response in the callback
which is sent in the request?

Webnet
21 Feb 2008, 11:58 AM
What do you mean? I'm not understanding what you're asking for? ^_^

All of the code you see above is a direct copy/paste from the grid multi-page example found here http://extjs.com/deploy/dev/examples/grid/paging.html

And I get this error - the only thing different is the URL.

Ext Ver. 2.0

aconran
21 Feb 2008, 12:03 PM
You'll notice there is a new parameter in the URL when the request is generated called callback.

You will need to wrap it around the data as seen here (http://extjs.com/deploy/dev/docs/?class=Ext.data.ScriptTagProxy).

Webnet
21 Feb 2008, 12:19 PM
Got it! I needed to use httpproxy instead... thanks!