2 May 2011 12:46 PM #1
Urgh. Stuck at level 1 :( *newbie alert*
Ok, used the designer to create a grid, and a data store in a project. Exported the project, got the following three files:
what is the html required to display this grid in a web browser ? I feel like a 10 year old learning assembler. (again)
2 May 2011 1:41 PM #2
1) ext css (extroot/resources/css/ext-all.css)
2) ext js (easiest way is extroot/ext-all.js)
3) script tag using xds_index.js as its source. This should cause the grid to render to the document body
Understand that Ext.Designer for 4.0 is not released, so buyer beware.
2 May 2011 1:45 PM #3
You can get a start with:
<link rel="stylesheet" type="text/css" id="extcss" href="your-ext-root/resources/css/ext-all.css" />
2 May 2011 9:43 PM #4
thanks very much ! Once I'd found xds_index.js and the .html code, things started looking up That was a great help, thanks again.
What would be *really* useful as well as all of the samples, if there was a nice simple tutorial (using ExtJs 4) of how to put together a simple crud application, with grids, paginated toolbars, edit forms etc. Or have I just not looked well enough ?
3 May 2011 1:10 AM #5
ok, now I have
in my extjs path of the designer. Two questions:
1) Why 3.3.1 - aren't we on 4.x now ?
2) what if I want to not have to go out to the internet to get these files, and just want to use files from the local system ? What path do I put in here ? "/extjs" ?
Thing is, I can't find the adapter directory in the extjs directory. Is the designer running in v3 mode ?
3 May 2011 5:20 AM #6
1) It's probably pointing to 3.3.1 because Designer has not been released for Ext JS 4.0 yet.
2) You're welcome to use files from the local system, for the src on the <script> tag, just specify an absolute path (if you have one) or a path relative to the page that's loading it, so if your page is in X.html and Ext JS is in an extjs folder below it, your src would be "extjs/ext-all.js" (oh, and "extjs/adapter/ext/ext-base.js" before that for the base - not needed in 4.0)
As for examples (CRUD, toolbars, editable forms), I would refer you to the examples page. If you have a local web server with Ext JS on it, you can browse to http://localhost/yoursite/extjs and refer to the examples from there.
Good luck - it's a learning curve, but well worth it!
3 May 2011 7:13 AM #7
I tried the localhost settings - but I think the problem is that I am using the designer to develop the screens - v3 apparently - (when is v4 out ??) and the cachefly references are using c3, but the extjs code I have downloaded is v4
so, the following line
does not have a match in the downloaded ExtJS 4 directory (there is no adapter folder)
what a mess
3 May 2011 7:51 AM #8
There's no adapter folder in Ext 4 because there is no adapter - ext-all.js is all you need if you're looking to do this in 4.0.
3 May 2011 7:58 AM #9
yeah, but as I said, I think because I'm using the designer, it seems to be that if I use ExtJS 4.0 on *my* server, my form craps out.
I think that the designer requires that I use 3.3.1. Which is a real pita especially for a newbie
By sencha_noob in forum Sencha Touch 1.x: DiscussionReplies: 8Last Post: 8 Apr 2011, 2:28 AM
By adamantx in forum Ext 3.x: Help & DiscussionReplies: 2Last Post: 5 Mar 2011, 3:46 PM
By erikdr in forum Ext GWT: DiscussionReplies: 5Last Post: 17 Jan 2011, 1:03 PM
By jasondeegan in forum Ext 2.x: Help & DiscussionReplies: 2Last Post: 13 Sep 2009, 8:41 AM
By icarrion in forum Ext 2.x: Help & DiscussionReplies: 0Last Post: 6 Nov 2007, 9:38 AM