Build your own 2.0 available

[brian.moeskau]

[Updated for 2.1]

The new and improved Build Your Own page is now up at its new url: http://extjs.com/products/extjs/build/

The updated page now lets you select from multiple supported versions of Ext on the same page in addition to all of its previous features. If you find any issues with it, please post them here.

[GraemeBryce]

I would just like to clarify for others (because it got me!) that once you have a build version based on the EXT adapter then you will no longer need a call to "...adapter/ext/ext-base.js" as this code is included in the code output by builder.

[shirai]

First of all, thanks for putting up the builder. It's was exciting to see it in place of the 1.1 builder.

Unfortunately, I couldn't get the tree control to work. I tried it both with and without loading the ext-base.js file first.

Specifically I selected:

* No Adapter
* Tree - Core
* Tree - Ajax Loading Support

And nothing else.

The error in FireFox is:

"Ext.reg" is not a function.

Pointing to ext-tree-2.0.js (line 49) which is the name of the generated file.

MSIE gives similar error (object doesn't support this property or method) at line 50.

Sunny

[barbuza]

i selected all features and got non-working ext.js (breaks about 'sp')

[brian.moeskau]

@shirai: You'll need to also select the "Core - Components" group as ComponentMgr is what you're missing. I'll modify the page to fix that.

[brian.moeskau]

@barbuza: It should now be fixed. There were a couple of missing dependencies that are new in 2.0 and were overlooked. Please retest.

[bloatedfish]

This is a great tool.

However, in my custom build, despite the fact that I chose all layouts, the contructor for Ext.BorderLayout does not exist. There does, however, seem to be a Ext.layout.BorderLayout but this appears to be something else...or some piece of the required code.

Thanks in advance for the help.

[Condor]

However, in my custom build, despite the fact that I chose all layouts, the contructor for Ext.BorderLayout does not exist. There does, however, seem to be a Ext.layout.BorderLayout but this appears to be something else...or some piece of the required code.

I think you are confusing Ext 2.0 with Ext 1.1.1. Ext 2.0 doesn't have an Ext.BorderLayout (but Ext 1.1.1 does).

[bloatedfish]

Your right...

I was looking at the Ext 1.1 API!

Sorry about that. You might want to switch the link to the API on the landing page to the 2.0 docs...or add one for the 2.0 API since the final release is out. That's were I got switched up.

Thanks for the help.

[dvd]

Hi all,

first of all thanks for Ext, it's a great piece of code :)

This is my custom build and it works great:

Ext Core
Core - Components
Layers
Containers
Core - Utilities
Core - State Management
Cookie Provider
Button Widget
Data - Core
Data - JSON Support
Form - Basic FieldsThe problem occurs when I add the "MessageBox Component", firefox complains about: "Ext.state.CookieProvider is not a constructor"

thank you
david

[dvd]

The problem occurs when I add the "MessageBox Component", firefox complains about: "Ext.state.CookieProvider is not a constructor"


Sorry, I miss some information. Firefox complains about CookieProvider beacuse my page starts with this code:



var CookiesEnabled = false;
var cp = new Ext.state.CookieProvider({
expires: new Date(new Date().getTime()+(1000*60*60*24*30)) //30 days
});
Ext.state.Manager.setProvider(cp);

[rdewell]

Using the 2.0 builder, with no adapter. Only checked:

Ext Core
Core Components
Core Utilities
QuickTips

Getting this in FF:

"sp has no properties
apply(function(), undefined, Object moveOnly=true scroll=false headerOffsets=[2])"

On a very basic HTML test page. Removing QuickTips from custom build eliminates the problem.

Ideas?

[brian.moeskau]

Sorry, I miss some information. Firefox complains about CookieProvider beacuse my page starts with this code:



var CookiesEnabled = false;
var cp = new Ext.state.CookieProvider({
expires: new Date(new Date().getTime()+(1000*60*60*24*30)) //30 days
});
Ext.state.Manager.setProvider(cp);


Did you actually check the Cookie Provider checkbox under "Core - State Management?" It is an optional component and must be explicitly included if you need it.

[brian.moeskau]

Using the 2.0 builder, with no adapter. Only checked:

Ext Core
Core Components
Core Utilities
QuickTips

Getting this in FF:

"sp has no properties
apply(function(), undefined, Object moveOnly=true scroll=false headerOffsets=[2])"

On a very basic HTML test page. Removing QuickTips from custom build eliminates the problem.

Ideas?

The error was from a missing dependency (DDCore, to support draggable tips). I also added an optional dependency for Ajax support if dynamic tooltip loading via Ajax is needed. Please retest and let me know if you still have any issues.

[aaronstatic]

Selected Components:

Core - Utilities
Core - Drag And Drop
Layout
Layout - All Layouts
Quicktips
Menu Widget
Loading Mask Widget
Toolbar Widget
Toolbar Widget - Menu Buttons
Data - JSON Support
Form - Basic Fields
Form - Combobox Widget
Grid - Core


Errors:
- Ext.QuickTips has no properties (index.html)
- sp has no properties (ext.js)

send halp :((

[aconran]

aaronstatic -

a screenshot of a stacktrace in firebug would be helpful.

[brian.moeskau]

@aaronstatic, if you included the QuickTips reference, then your issue must be something else and the error message doesn't tell us anything. Please post a test case that demonstrates the issue and we'll take a look.

[shanefitz]

I attempted to use the Build Your Own tool to create a minimal version of Ext that will provide the MessageBox functionality. I selected the following:

Ext Core (Required)
Core - Components (Needed for Widgets)

Optional Feature - Layers
Optional Feature - Containers

MessageBox


The resulting javascript had a number of dependencies missing. I traced through the code and came up with the following missing dependencies:

Window depends on DDCore see Window.js line 806
Window depends on WindowManager see Window.js line 251
ComponentMgr depends on MixedCollection see ComponentMgr.js line 26
Panel depends on KeyMap see Panel.js line 836


I'm note entirely sure that those line numbers are correct but they are what I noted down during my debugging.

Hope this helps and the BYO dependencies can be updated soon.

[kbansner]

I'm just trying to get a smaller lib to support the HtmlEditor widget. The BYO tool looks simple enough but I can't seem to get it to generate a package which supports the Editor dependencies. I thought I saw another post about this very problem but I didn't understand the solution if there was one. Can anyone shed some light on this for me?

[Zerxer]

I attempted to use the Build Your Own tool to create a minimal version of Ext that will provide the MessageBox functionality. I selected the following:

Ext Core (Required)
Core - Components (Needed for Widgets)

Optional Feature - Layers
Optional Feature - Containers

MessageBox


The resulting javascript had a number of dependencies missing. I traced through the code and came up with the following missing dependencies:

Window depends on DDCore see Window.js line 806
Window depends on WindowManager see Window.js line 251
ComponentMgr depends on MixedCollection see ComponentMgr.js line 26
Panel depends on KeyMap see Panel.js line 836


I'm note entirely sure that those line numbers are correct but they are what I noted down during my debugging.

Hope this helps and the BYO dependencies can be updated soon.
This will probably help with my one problem of getting MessageBoxes to work however, what do I select just to use AJAX loading myself? I don't mean AJAX support on any of the other features, I mean just calling Ext.AJAX myself.

See this thread I created earlier that explains all that I want: http://extjs.com/forum/showthread.php?t=22916

I'm lost with this builder.

[brian.moeskau]

I attempted to use the Build Your Own tool to create a minimal version of Ext that will provide the MessageBox functionality. I selected the following:

Ext Core (Required)
Core - Components (Needed for Widgets)

Optional Feature - Layers
Optional Feature - Containers

MessageBox


The resulting javascript had a number of dependencies missing. I traced through the code and came up with the following missing dependencies:

Window depends on DDCore see Window.js line 806
Window depends on WindowManager see Window.js line 251
ComponentMgr depends on MixedCollection see ComponentMgr.js line 26
Panel depends on KeyMap see Panel.js line 836


I'm note entirely sure that those line numbers are correct but they are what I noted down during my debugging.

Hope this helps and the BYO dependencies can be updated soon.

Unfortunately, due to the nature of this page, it's extremely difficult to completely manage dependencies at the individual component level. Widgets like MessageBox have a lot of dependencies that have dependencies, etc. and it's not practical to include every possible dependency under every possible component. This does make it difficult for the end user to know what to choose, but unfortunately that's the drawback of this current page until we get a fully automatic solution in place at some point. (I would recommend using JS Builder for more granular dependency management.)

With that said, I have fixed the Window dependencies, so your component list should work if you also add "Layout" and "Layout - Window". Try that and let me know if it doesn't work.

[brian.moeskau]

I'm just trying to get a smaller lib to support the HtmlEditor widget. The BYO tool looks simple enough but I can't seem to get it to generate a package which supports the Editor dependencies. I thought I saw another post about this very problem but I didn't understand the solution if there was one. Can anyone shed some light on this for me?

Please see me previous comments above -- same thing applies to HtmlEditor, and even more so. It is a complex widget with a lot of dependency chains, so unfortunately, you sort of have to be able to decipher what all to choose as it is not practical to include every possible dependency in every chain of dependence for each widget. Here's what you need:


Ext Core
Core - Components

Layers

QuickTips
Menu Widget

Color Palette Item

Form - Html Editor

[brian.moeskau]

This will probably help with my one problem of getting MessageBoxes to work however, what do I select just to use AJAX loading myself? I don't mean AJAX support on any of the other features, I mean just calling Ext.AJAX myself.

See this thread I created earlier that explains all that I want: http://extjs.com/forum/showthread.php?t=22916

I'm lost with this builder.

The MessageBox build should be fixed per my previous message. For Ajax only, you should only need "Core" and "Data - Core" I would assume (Ext.Ajax is in Connection.js). "Core - Data" will get you a lot more than what you need if you are literally just making raw Ajax calls, so you could manually trim the output file if desired for a smaller file. If that combo doesn't work, then you'll have to post a test case that fails and what you're currently selecting for the build.

[Zerxer]

The MessageBox build should be fixed per my previous message. For Ajax only, you should only need "Core" and "Data - Core" I would assume (Ext.Ajax is in Connection.js). "Core - Data" will get you a lot more than what you need if you are literally just making raw Ajax calls, so you could manually trim the output file if desired for a smaller file. If that combo doesn't work, then you'll have to post a test case that fails and what you're currently selecting for the build.
Ah, thanks so much. It didn't appear to work at first but I figured I had the build page opened in a tab since yesterday so I reloaded that, rebuilt it, uploaded it, went directly to the file and reloaded it in case the old one cached, and now it all seems to work. :)

Yea, I really don't need all the other stuff in Core - Data since all I'm doing is connecting to small PHP files that return text through Ext.AJAX.request. I don't really want to manually slim it down myself though because it's a pretty big file and I wouldn't know what to touch and don't want to mess it up. The page I'm testing on is this (http://www.gtsplus.net/index.php?page=gts&act=browse&z=1) anyways and I'm glad now that I don't see ext-base.js and ext-all.js with a load time of 5 seconds in Firebug.

------
Scratch last edit. I moved that code to the bottom of my index instead so now that's loading fine. ext.js takes a couple seconds to load for me on occasion though so if someone would like to help me out with what to remove from it for things I don't need, that'd be great.

File is located here: http://www.gtsplus.net/files/ext/ext.js

Note that I do need ajax, messagebox, and the window that pops out from the top, but everything else that is unneeded can be cut.

[brian.moeskau]

ext.js takes a couple seconds to load for me on occasion though so if someone would like to help me out with what to remove from it for things I don't need, that'd be great.

Note that this is most likely due to Firebug, not Ext. It is well known that Firebug slows things way down when JS is loaded, and it can really grind with Ext. After Ext (or any JS file) is first loaded, it will be cached thereafter and so file size then becomes a non-factor. After the initial load, it's all browser (+Firebug) execution time.

[timo.nuros]

Is it possible to add a function that the builder stores the current state?

It is a big effort if you need to add features and go trough all options again.

Thanks,
Timo

[brian.moeskau]

We may consider something like that in the future. For now, your best bet is to use one of the local builder options available. More info on your options here: http://extjs.com/learn/Tutorial:Building_Ext_From_Source

[timo.nuros]

Brian, is the source code available somewhere? I'd like to develop a patch where someone can save the selections.

Thanks,
Timo

[brian.moeskau]

No, the source code to the build page is not available.

[webunity]

Hey Brian, just a quicky. In order to serve as little JS as possible to my customers, i am trying to create a PHP version of the builder myself. However, as you stated in this topic; there are a lot dependencies depending on other depencies etc. As i understand and see in the builders output page, first you get core/ext.js, then the adapter; next all dependencies and then all "files" which are not a dependency am i right?

I totally agree that having the build page code should help, but all i want is a "map" of dependencies so i can create my own (on the fly) builder which sends just those files a user needs (e.g. don't send the grid (and unneeded dependencies) if the grid isn't used on the page, by setting someObject->showGrid(false)...).

Is such a map in the making, or allready available?

[brian.moeskau]

At the moment we do not have such a map. However, we are planning on improving this whole dependency management process in a future release. You can see the order of file dependencies by viewing the ext-all.js build target in JS Builder, but there's nothing that actually maps out all the individual dependencies among classes at this time.

[webunity]

Brian, i found something on the page that is not clear:

When choosing for "Layout", you have a few options for optional depencys.
- The first option "Border layout only" has "BorderLayout" (which points to docs\output\BorderLayout.js.html)
- The second option "All layouts" also has "BorderLayout" (which points to docs\output\BorderLayout.js.html).

However;
a) There are 2 borderlayout files! One in source\widgets\layout\BorderLayout.js (and) source\legacy\layout\BorderLayout.js Which one should i use in which case?
b) The "source\widgets\layout\ContainerLayout" is not included in the "all layouts" option.
c) Which files in the folder "source\legacy\layout" are dependencies?

Hope you can help out :)

[Gribnif]

Unless I'm mis-reading the output of this utility, it doesn't yet generate Ext 2.0.1 source (it's still at 2.0). Is this in the cards for sometime soon?

[webunity]

Yeah i posted this to Rey Bango too, Aaron told me that it DOES generate 2.0.1 source.. However i still have my doubts.

[aconran]

Ah! I thought you were discussing the JSBuilder tool and the ext.jsb file. I will check out the web builder.

[webunity]

No i mentioned the web builder ;)

P.s. I've sent Brian a PHP snippet, which is able to detect "references" used in 1 JS file. Maybe you can use that to detect dependencies?

[brian.moeskau]

The builder page was still pointing at 2.0, but I fixed that earlier today to point to 2.0.1. Sorry about that!

@webunity: Yes, I received your PM and will take a look at your script at some point. This is not the highest priority item on my list at the moment, but it is definitely something that we plan on improving. Thanks!

[MarcelloP]

Sorry, but it seems that after your last update the webbuilder generate only a file of 14Kb containing only the adapter (I choos jQuery), no matter what components I select...:((

[brian.moeskau]

Sorry, path typo. It's fixed.

[Gribnif]

Looks good, Brian. Thanks!

One really (really) small comment about the generated code: It seems like there are four or five extra carriage returns between the compressed code for each class. I know, removing these would probably save a whopping 100 bytes, but it bugs me :D.

Edit: I take back some of that four or five CR claim. Upon examining the file with a hex editor, I see that it contains a mixture of LF and CRLF line endings, which confuses my text editor (BBEdit) into putting extra linebreaks in some places.

[saurabhdotnet]

Hi Brian,

I am working on creating ASP.NET Services for EXT JS grid.

I was trying build your own JS link; I need grid + calendar + combo + button + text box

1. It gives me an Ext;js but that is not working.
2. How do I change the ExtJS skin from blue to gray, dynamically. Is there any ExtJS command for this one.

Thanks,
Saurabh

[brian.moeskau]

1. It gives me an Ext;js but that is not working.

Hard to help you without knowing what you actually selected and/or at least what the error was.



2. How do I change the ExtJS skin from blue to gray, dynamically. Is there any ExtJS command for this one.

This has been discussed several times. Here's one thread: http://extjs.com/forum/showthread.php?t=2420

[saurabhdotnet]

Hi Brian,

Thanks for your reply; can you guide me what I need to select in order to achieve an ext.js to facilitate me the following:

1. grid
2. calendar
3. combo + button + text box

[isamudaison]

ColumnDragZone is not in the build list... I get this error:
Ext.grid.GridView.ColumnDragZone is not a constructor
And am not quite sure what to add ( TreeDragZone is in the builder tho... )

[LeonardoAP]

there isn't a way to build without the base core?

imagine that i want to separate ext in:
-ext-base (the core)
-ext-grid
-ext-tree

then, i'll use grid and tree togheter without having two ext-bases (one in the grid, and one in the tree)

[aconran]

@LeonardoAP No, this tool is meant to create a single package download for your entire site. If you want to create builds with multiple targets look into the JSBuilder tool. It is far more flexible and will allow you to achieve what you want.

[LeonardoAP]

thanks aconran! that solved my problem!

[nak1]

So I've tried to put together a datagrid build to optimize the code size. My old code include the following:



<script type="text/javascript" src="/js/ext_2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/js/ext_2/ext-all.js"></script>
<script type="text/javascript" src="/js/ext_2/examples/grid/RowExpander.js"></script>

Ext.onReady(function(){

Ext.QuickTips.init();

var xg = Ext.grid;


////////////////////////////////////////////////////////////////////////////////////////
// "ACTIVE":"1","CELLPHONE_CARRIERID":"0","CELL_PHONE":"","CLIENTID":"3436","COMPANYID":"61","DATEENTERED":"2008-01-14 19:54:11.167","DATEMODIFIED":"","DOB":"1976-12-07 00:00:00.0","EMAIL":"nadavgivoni@gmail.com","FIRST_NAME":"nadav","LAST_NAME":"givoni","UNAME":"gool"
////////////////////////////////////////////////////////////////////////////////////////
// row expander
var expander = new xg.RowExpander({
tpl : new Ext.Template(
'<p style="margin:5px"><b>VOIP:</b>{OFFICE_PHONE}</p>',

'<p style="margin:5px"><b>VOIP:</b>{VOIP}</p>',
'<p style="margin:5px"><b>Gender:</b>{GENDER}</p>',
'<p style="margin:5px"><b>Date of Birth:</b>{DOB}</p>',
'<p style="margin:5px"><b>Educational Level:</b>{EDUCATION_LEVEL}</p>',
'<p style="margin:5px"><b>Record Last Updated:</b>{DATEMODIFIED}</p>'
)
});

var ds = new Ext.data.Store({
<cfoutput>
proxy: new Ext.data.HttpProxy({url: '#attributes.httpproxyurl#'}),</cfoutput>
reader: new Ext.data.JsonReader(
{root: "clients",
id: "clientid"
},

[
{name:'clientid', mapping:'CLIENTID'},
{name:'cell_phone', mapping:'CELL_PHONE'},
{name:'dateentered', mapping:'DATEENTERED'},
{name:'DATEMODIFIED'},
{name:'DOB'},
{name:'EDUCATION_LEVEL'},
{name:'email', mapping:'EMAIL'},
{name:'first_name', mapping:'FIRST_NAME'},
{name:'GENDER'},
{name:'home_phone', mapping:'HOME_PHONE'},
{name:'INCOME'},
{name:'OFFICE_PHONE'},
{name:'last_name', mapping:'LAST_NAME'},
{name:'MARITAL_STATUS'},
{name:'UNAME'},
{name:'VOIP'}

]
)

})
// CUSTOM RENDER FOR EDIT AND DELETE

function displayEditDelete(val){
<cfif fuseaction EQ 'view_client'>
var temphtml = '<p style="text-align:center"><a href="index.cfm?fuseaction=edit_client&clientid='+val+'">Edit</a> | <a id="' + val + '" href="index.cfm?fuseaction=delete_client&clientid='+val+'">Deactivate</a></p>';
<cfelse>
var temphtml = '<p style="text-align:center"><a href="index.cfm?fuseaction=reactivate_client&clientid='+val+'">Reactivate</a></p>';
</cfif>
return temphtml;
}

function displaySkypeNumber(val){
var tempresult = val.replace('(','');
tempresult = tempresult.replace(')','');
tempresult = tempresult.replace('-','');
tempresult = tempresult.replace(' ','');
return '<a href="callto:+1'+tempresult+'" onclick="javascript: alert("Click was just entered into the database")">'+val+'</a>'
}

function money(val){
var tempamount = Number(val);

return tempamount.toFixed(2);
}
var grid1 = new xg.GridPanel({
loadMask: {msg: 'Loading...'},
store: ds,
cm: new xg.ColumnModel([
expander,
{header: "First Name", width:100, sortable: true, dataIndex: 'first_name'},
{header: "Last Name", width:100, sortable: true, dataIndex: 'last_name'},
{header: "Email", width: 150, sortable: true, dataIndex: 'email'},
{header: "Date Entered", width: 90, sortable: true, dataIndex: 'dateentered'},
{header: "Home Phone", width: 100, sortable: true, dataIndex: 'home_phone', renderer: displaySkypeNumber},
{header: "Cell Phone", width: 100, sortable: true, dataIndex: 'cell_phone', renderer: displaySkypeNumber},
{header: "Marital Status", width: 90, sortable: true, dataIndex: 'marital'},

{id:'clientid',width: 100, header: "Action", sortable: false, align: 'center', dataIndex: 'clientid', renderer: displayEditDelete}

]),
viewConfig: {
forceFit:true
},
width: 800,
height: 300,
shadow: true,
collapsible: true,
plugins: expander,
animCollapse: false,
title: 'Expander Rows, Collapse and Force Fit',
iconCls: 'icon-grid',
renderTo: 'module'
});


ds.load({params:{start:0, limit:3}});


});



And worked well.

I went to the builder and tried to create a similar grid, with the row expand feature. So I used the builder (http://extjs.com/download/build), and tried several build, however, always received the same error:



sp has no properties on the first line of the EXT code:
"Ext={version:"2.0.1"};"


AND



Ext.QuickTips has no properties


I've include the following files:
<script type="text/javascript" src="/js/ext_2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/js/ext_2/ext_datagrid3.js"></script>
<script type="text/javascript" src="/js/ext_2/examples/grid/RowExpander.js"></script>

The ext_datagrid3.js being the file result from the build.

I selected the following to build the ext_datagrid3.js:
Core-Components
Core-Utilities
Core-Xtemplate
Core-State Management
Layout
Dataview
Resizable
Quicktips
Loading Mask Widget
Data- Core
Data-JSON Support
Data-Simple Store
Tabs
Grid-Core
Grid-Editing Support
Grid-Property Grid

Not sure how to fix this error. Any thoughts?

[troy.mccabe]

Core - Components
QuickTips
Loading Mask Widget
Toolbar Widget
Data - Core
Tabs

QuickTips is undefined, and sp is undefined.

If I remove the toolbar from the build, and remove it from the script, this works fine.
eg:
Core - Components
QuickTips
Loading Mask Widget
Data - Core
Tabs

and remove from code, works.

Let me know if there's a quick fix, I'll keep playing. Thanks!

[aaronstatic]

A good tip for those having issues with 'sp has no properties'...

Start by selecting 'check all' and then slowly remove components from the bottom up until you get the error.

This worked great for me and I finally have a minimal ext.js.

@Ext Devs: I would consider putting these instructions on the BYO page to reduce the amount of annoyed users and posts to this thread

[serdarguner]

Hi,
Last day i download Filetreepanel, after unzip firefox give 'sp has no properties'

sp has no properties
apply(function(), undefined, Object collapseText=Collapse all confirmText=Confirm)ext-base.js (line 9)
Ext.ux.FileTreePanel.js()Ext.ux.FileTreePa... (line 1611)
[Break on this error] Ext={version:"2.0.2"};window["undefined"]=window["undefined"];Ext.apply=function...

please help

[alsaihn]

Start by selecting 'check all' and then slowly remove components from the bottom up until you get the error.

This worked great for me and I finally have a minimal ext.js.

@Ext Devs: I would consider putting these instructions on the BYO page to reduce the amount of annoyed users and posts to this thread


I second the above notion. It took me longer than I expected to get worked down to where I felt I had a fairly minimal version, but starting with everything and whittling out bits and pieces worked for me.

[funkadelic]

Hi folks,

I just created a custom build (worked great), but looking at the generated source code, this is the first thing I see in the code:


/*
* Ext JS Library 2.0.2
* Copyright(c) 2006-2008, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/


Ext={version:"2.0.1"};

the copyright says version 2.0.2, but the JS code indicates 2.0.1. Which is the actual version that was created?

these are the options I selected:

* jquery adapter
* ext core
* core + containers
* core utilities
* layout + all layouts + window + viewport
* quicktips
* menu widget
* messagebox
* data - core + grouping support + multi-store support
* data - json + jsonstore
* grid - core + grouping support

thanks,
-norm

[brian.moeskau]

It's 2.0.2. The version has already been fixed in SVN and will be reflected correctly in the BYO page after the next release.

[caronchen]

I attempted to use Ext to provide the Grid/Edit-Grid functionality. the following:
Ext Core (Required)
Core - Components (Needed for Widgets)
Containers
Grid - Core (and all options)
Grid - Editing support

but, i catched the following errors(firefox):

sp has no properties
[Break on this error] Ext={version:"2.0.1"};window["undefined"]=window["undefined"];Ext.apply=function...
ext.js (line 10)
Ext.state.Manager has no properties
[Break on this error] Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

i'v tested using the array-grid.js example.

[Animal]

Take out the line which refers to the Ext.state package unless you rebuild with that package selected.

[mystix]

just a heads up:
BYO page is still offline at the moment.

[brian.moeskau]

We're aware of it. A bit more work than we wanted to pile on for tonight, but it will probably resurface soon...

[pokerking400]

why not publish build based on features.

Like ajax support
Basic gui
Basic Gui+table
Basic gui+table+tree
Animation

Kind of list of all possible builds to reduce unnecessary code in ext-all.js.

I need to reduce slow loading of ext by removing all junk i don't need.

Thanks
alexk

[soso]

How can I build my custom version? I don't find any information not here nor in the 1st page of the thread. The link http://extjs.com/download/build doesn't work too.

[brian.moeskau]

As I mentioned two posts up, we're working on it.

[brian.moeskau]

OK, it should be up and running again. Sorry for the delay.

http://extjs.com/products/extjs/build/

Let me know if you see any issues.

[mscdex]

Is there any way to run the builder (either on ExtJS.com or on our own webserver than can execute php scripts) to generate a custom js file for Ext 2.0.2?

[brian.moeskau]

The builder page is only intended for the latest version of each supported major version branch. However, you are more than welcome to use JS Builder which lets you build your own custom builds from your downloaded copy of Ext. You can find out more about using it here (http://extjs.com/learn/Tutorial:Building_Ext_From_Source).

[pokerking400]

I think build is the way to solve my speed problems. May be i have to have several versions of extjs...

load only on demand..

Why not you guys publish ext-all into smaller js files by area ( widgets.js , ajax.js..like that)

i have to research further why extjs is slower than jquery.

thanks.

[brian.moeskau]

We think it's better to let you build exactly what you want rather than trying to guess what you might want and trying to maintain dozens of build packages that will inevitably change over time. In fact, we used to do that through 2.0 and it was a maintenance nightmare. This tutorial (http://extjs.com/learn/Tutorial:Building_Ext_From_Source) explains how you can use JS Builder to create your own custom build projects to get exactly what you want for a more flexible option.

[pokerking400]

After going through EXTjs package build... i find widgets tak 350kb. Can we group widget it into smaller packages. Current directory structure confuses me as i don't know which file linked which...

We need clear separation of files... how do i know which file is dependent on others?.

If i can divide widgets into manageable pieces ..i can speed up as it does n't have to load whole crap.

Anyway still i have to research... need self sufficient (no dependencies) threaded packages...

Ext-core
Ext-base
Ext-menu
Ext-forms
Ext-Animation
Ext-Ajax
Ext-Data
Ext-Model
..etc

I want to divide widgets into as many smaller independent packages...that way i can load things on demand

Thanks.

[pokerking400]

My main issue is with Widgets. People like Extjs mainly because of widgets. I used jquery ...it was good but i need a consistent Gui interface...so trying out ExtJS...

Can you group widgets in a better way?. Atpresent there are too many unattached files.. what the dependencies of those files in widget directory..

if i can divide widget into 10 packages..it will help to reduce loading....

Thanks..

[pokerking400]

Make ext core also optional..it will allow me to create mini packages ..tree_full, tree_core, tree_edit, tree_..

I do not want ext core on every mini packages.

Thanks!.

[Animal]

Nothing works without the core. You need DomQuery, DomHelper, Element, EventManager etc to be able to use any widget.

[aconran]

@pokerking400 - For maximum flexibility please use JS Builder and the associated jsb file which you can find in your packaged download.

@soso - The url changed during the site revamp. You can find the builder here http://extjs.com/products/extjs/build/

[pokerking400]

I know...i add core separate. i do not want core to be included on every mini packages...

Sequence is like this always

Core + Other mini packages.

Try to slim down as much as possible...load only necessary files for that particular page.

Thanks.. remove the core required option... it will help..jbuilder is more open and confusing...in terms of selecting dependencies as i do not know which depends on what.

So if you group things by dependencies ...it will help a lot to package things efficiently and keep on improving..

Thanks.

[aarontav]

It would be nice if the "Build your own" included a list the included sections in the top comments, both to be able to help debug missing includes or to regenerate a similar version (like when going from 2.0 to 2.1).

Right now I'm generating a list by hand (literally typing out the included blocks), then pasting it in to the top comments and its spared me from a bunch of headaches.

[anjelika]

Hello,
Even by using 'check all' I still got a non-working ext.js file.
Here is the Firebug output:

A[C.xtype || D] is not a constructor
ComponentMgr(Object xtype=label pressed=true enableToggle=false, "button")ext.js (line 160)
Toolbar()ext.js (line 259)
Toolbar()ext.js (line 259)
Component(Object dom=div#ext-gen22.x-panel-tbar id=ext-gen22, undefined)ext.js (line 163)
initComponent(Object dom=div#ext-gen12.x-window-body id=ext-gen12, null)ext.js (line 217)
initComponent(Object dom=div#ext-gen12.x-window-body id=ext-gen12, null)ext.js (line 409)
Component(Object dom=div#ext-gen12.x-window-body id=ext-gen12, undefined)ext.js (line 163)
initComponent()ext.js (line 181)
ContainerLayout(Object initialConfig=Object store=Object id=grid, 0, Object dom=div#ext-gen12.x-window-body id=ext-gen12)ext.js (line 184)
ContainerLayout(Object initialConfig=Object layout=Object, Object dom=div#ext-gen12.x-window-body id=ext-gen12)ext.js (line 184)
ContainerLayout(Object initialConfig=Object layout=Object, Object dom=div#ext-gen12.x-window-body id=ext-gen12)ext.js (line 184)
onLayout(Object initialConfig=Object layout=Object, Object dom=div#ext-gen12.x-window-body id=ext-gen12)ext.js (line 187)
ContainerLayout()ext.js (line 184)
initComponent(undefined)ext.js (line 181)
initComponent()ext.js (line 181)
initComponent(undefined, undefined, undefined)ext.js (line 220)
showGrid()grid.js (line 562)
(no name)()billing (line 21)
Observable()ext.js (line 25)
EventManager()ext.js (line 28)
[Break on this error] Ext.ComponentMgr=function(){var B=new Ext.util.MixedCollection();var A={};return...

[jove4015]

Ext 2.1 - I've included Form - Basic Fields and Form - Combobox (no validations or time field), but Ext.form.Label does not appear to have been included. I can't even find label.js in the list of available options. Using with prototype and scriptaculous. Would like to get this in so that I can compress the JS on this one page... guess I can do it manually for now. Thanks guys.

[oe2]

Hey Guys,

first of all thanks for this great tool :-)

I tried to get a editable Grid and included the following Comps:

Core - Components
Core - Utilities
Core - XTemplate
Core - Date Parsing and Formatting
Core - Drag and Drop
Core - State Management
Layout
- All Layouts
Data View
Resizable
QuickTips
Toolbar Widget
Data - Core
Data - JSON Support
- JsonStore
Data - Simple Store
Form - Baisc Fields [incl. all sub-features]
Form - Date Field
Form - Floating Editor
Grid - Core [incl. all sub-features]
Grid - Editing Support
Grid - Property Grid


After "installing" the array-grid example on my webspace i got the following errors (firebug):

sp is undefined
apply()()ext.js (line 10)
Toolbar()()ext.js (line 226)
ext.js()()ext.js (line 226)
Ext={version:"2.1"};window["undefined"]=...|new Date()).getTime()-this.getTime())};


ext.js (line 10)
Ext.grid.GridPanel is not a constructor
(?)()()t_table.js (line 81)
Observable()()ext.js (line 25)
EventManager()()ext.js (line 28)
title:'Array Grid'


Help :-(

[GusBar]

this is a great tool, i will def. recommend it to my friends

[Markj]

Hi

I have tried to build the Tree Control but I get various errors when i try to use it.

I used the following options

Prototype/Scriptaculous
Tree Core - selecting everything
Tree Ajax Loading Support

And then i tried getting this example to work with me build

http://extjs.com/deploy/dev/examples/tree/reorder.html

When doing so, I get these errors in FireBug

Ext.util.MixedCollection is not a constructor
(no name)()index.html (line 25)
Observable()ext.js (line 25)
EventManager()ext.js (line 28)

Ext.ComponentMgr=function(){var B=new Ext.util.MixedCollection();var A={};return...

Tree.TreeLoader is not a constructor
dataUrl:'http://extjs.com/deploy/dev/examples/tree/get-nodes.php'


If I then add Ext.util.MixedCollection to my ext.js, then it seems to solve that issue but I get a new one

Ext.dd.ScrollManager has no properties
initComponent()ext.js (line 69)
initComponent()ext.js (line 66)
initComponent()ext.js (line 69)
Component(body#ext-gen2.ext-gecko, undefined)ext.js (line 57)
initComponent()ext.js (line 63)
(no name)()index.html (line 41)
Observable()ext.js (line 25)
EventManager()ext.js (line 28)

Ext.tree.TreePanel=Ext.extend(Ext.Panel,{rootVisible:true,animate:Ext.enableFx,l...


If i then change the containerScroll to false (from the example) then i get a new error

Ext.Ajax has no properties
TreeLoader([Node source] loaded=false loading=true childrenRendered=false, function())ext.js (line 87)
TreeLoader([Node source] loaded=false loading=true childrenRendered=false, function())ext.js (line 87)
AsyncTreeNode(undefined, undefined, undefined)ext.js (line 81)
(no name)()index.html (line 42)
Observable()ext.js (line 25)
EventManager()ext.js (line 28)

Ext.tree.TreeLoader=function(A){this.baseParams={};Ext.apply(this,A);this.addEve...

[askbirina]

I want to create a windows layout and i have selected the following components in Choose componets and classes section :

Core Components - Layers
Core - Utilities
Core - Date parsing and formatting
Layout
Resizable
Quick Tips
Date Picker Widget
ProgressBar Widget
Message Box

But after I have downloaded and run the JS, it showed 'window undefied' error at line 10 , char 21.

Even none of the js has worked for me after i build. :(
Please provide me with a solution...
Thanks in advance....:">

[askbirina]

I am even not able to view the window layout in the Layout.html after clicking the show window button and on downloading the layout.js for full source code, it shows 'Ext' not defined... Please Help.. :((

[BenPencil]

Hello,

I am looking to get a datepicker with minimal bandwidth usage, as many of our users have their browsers set to clear the cache on exit. If I use the build page and just select the Date Picker Widget I receive errors when I try to create one using the generated script. The dependencies do not seem to be included.

On Friday (after experimenting to see how much I could cut out) I was able to get the date picker working by selecting the following:

Core
Core components with Layers and Components
Core Utilities
Button Widget (no sub-options selected)
Date Picker Widget

The file was 209 KB. I was hoping for it to be a fair bit under 200 KB, so I was wondering if anyone would be able to let me know exactly which files are required to use just the date picker. I would appreciate it very much.

Incidentally, after the update to the library this weekend, the list above no longer creates a functioning date picker. The date picker does render noticeably faster however.

[steveoidm]

Hi,

Are you planning on upgrading this to 2.2 at some point? Really need this.

Thanks,

Steve

[nicklepedde]

I second the request for 2.2 support.

[Zakaroonikov]

The 'pop-up' on this website is still announcing the 2.1 Release

[brian.moeskau]

The BYO page will be updated soon.


The 'pop-up' on this website is still announcing the 2.1 Release

No, you just need to refresh your cache.

[brian.moeskau]

The BYO page has been updated for 2.2.

[shankys_4u]

When I try to build using the mentioned link and select all and clik on biul it.It produces error on line 74 - syntax error on this page (refer to view source of this page).

Please help so that I can build and download the required package....:-/

[brian.moeskau]

You're saying the builder page itself has an error? I just tried it and it works fine. BTW, if you are building everything, why not just use ext-all.js from the download?

[shankys_4u]

Yes...Since,I am a newbie ...trying to use extjs in my applications.

I have downloaded the complete Ext JS 2.2 with all js/css/image files,but when I include those in my application images are missing.(for eg I just started with complex browser layout,I can get the different sections east, north etc..but missing gif images like collapse/expand).I have included all those gifs in my apllications too.
Please help me out /advice if I am going in any other approach.

One more question,is there any specific convention/format for the files/css/images/icons to include in my project.(like ext/docs/resources/block-top.gif instead of just block-top.gif).This would of great help.

Thanks for getting me quickly..

[BenPencil]

I've not been able to figure out what to select to get a minimal build that will make a datepicker. Just selecting the datepicker did not work (I tried many other combinations as well). I was wondering if anyone would be able to let me know exactly which files are required to use just the date picker. I would appreciate it very much.

[roki13]

Hi there,

many thanks for this tool, but I can't get it working.

When building my custom extjs file, I get FF firing the following 2 errors:

sp has not properties (ext.js line 10)

and

Ext.grid.ColumnModel is not a constructor (in my html page)



I'm including the following references:

Ext core
Core components
Core utils
Core state management w/ cookie provider
Layout
Data core w/ multi-store support
Data Json support
Data Simple store
Grid Core

Any idea ?

Many thanks,

seb

[kherge]

I am unable to build an Ext-JS 2.2 file with all options, using jQuery.

What I end up getting with Firefox is a empty .js file.

In IE8, I get a DNS error page.

In Google Chrome, I get the same result as Firefox.

[Shogun]

I am unable to build an Ext-JS 2.2 file with all options, using jQuery.

What I end up getting with Firefox is a empty .js file.

In IE8, I get a DNS error page.

In Google Chrome, I get the same result as Firefox.

I tried it with the prototype adapter. Same result!!!

[digerata]

I just used this for the first time and when I link to the generated JS, I get the error in Firefox:

sp is undefined

I basically included everything except for the form, XML, and grid components.

[brian.moeskau]

For those discussing browser errors during the build process (kherge, Shogun), I cannot reproduce that. I've tried many combinations of building everything with different adapters and I always get a valid output file. Please provide browser (incl. version) and platform details.

For anyone else saying that the output file produces errors in a particular page, please provide a test case that shows what you are doing. There's no way to guess what you're missing without seeing what your code is expecting to do. Please make sure the test case can be run using the standard ext-all.js first before assuming it's a build error.

[digerata]

Here is a simple test case that generates the "sp is undefined" error. You'll notice that I'm just including the js files and not actually doing any execution...



<html>

<body>
<p>You will see: "sp is undefined" when loading this page.</p>

<script type="text/javascript" src="scripts/extjs/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="scripts/extjs/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="scripts/extjs/ext-min.js"></script>

<script type="text/javascript">
Ext.BLANK_IMAGE_URL = '/scripts/extjs/resources/images/default/s.gif';
if(document.init) {
Ext.onReady(init);
}
</script>

</body>
</html>


The ext-min.js file is the BYO that I generated with the following settings:

Adapter:

Yahoo UI!

Components:

Core - Compnents
Core - Utilities
Core - Date Parsing and Formatting
QuickTips
Button Widget
ProgressBar Widget
MessageBox
Data - Core
Data - JSON Support
Form - Html Editor

I saved the output as ext-min.js and put it in the root of my extjs full source directory.

[digerata]

Oh, Sorry!

I forgot to add my browser is Firefox 3.0.1 on OS X.

[digerata]

So there is definitely problems with the dependency checking of the BYO tool. I had two problems, the aforementioned "sp is undefined" and a another one: "this.manager is undefined" would happen when I tried to show a MessageBox.

To fix "sb is undefined", I added the Color Picker Widget. Huh?

To fix "this.manager is undefined", I added Layout and Layout -> Window components.

[threequarters]

I get a 0 kb file if I use BYO with these options:

Ext 2.2
No adapter
components and classes: "check all"

FF 3.0.3 on Vista
(when I try IE7 I just get a blank page)

[davidTim24]

Hi at all!

I need some help about this tool. I must create an EXT file that may contain these features:
- Panel
- JSON (reader)
- Grid
- Ajax and ScriptTagProxy
- QuickTips
- Layouts
Can anyone tell me how build this file?

Thanks for reply.

Ah, excuse me for my orrible english! :D

[manacleto]

The BYO page has been updated for 2.2.
Can the builder for 2.1 version be restored?

(FYI, there is a problem (http://extjs.com/forum/showthread.php?t=43246&page=9)related to use of frame that's preventing us from using 2.2 - thus I am hoping that the builder can be restored for 2.1 version)

[manacleto]

Hi,
I reviewed the post on the problem I had with 2.2 and applied the patch and now have a 2.2-compatible application. Thanks.

I can now use 2.2 BYO. You can ignore my request for a 2.1BYO (i do not know if anyone else would benefit from it)

[DAddYE]

How I can know the css dependencies for each file?

[ry.extjs]

Feature suggestion: I select the components that my app will use, ExtJS Builder builds me out a single file (compressed or packed) with everything I need. This would be very nice.

[eingmarra]

hello,
I want to small my own extjs
But I dont know how to build it?

Could you give a list for building from the js code as follows?
Thanks a lot!


<script type="text/javascript">
function open_notification_window()
{
var tree = new Ext.tree.TreePanel({
useArrows:true,
//autoScroll:true,
animate:true,
enableDD:false,
border:false,
//containerScroll: true,
loader: new Ext.tree.TreeLoader({
dataUrl:'friend_infoes.php'
})
});

tree.on('checkchange', function(node, checked) {
node.expand();
node.attributes.checked = checked;
node.eachChild(function(child) {
child.ui.toggleCheck(checked);
child.attributes.checked = checked;
child.fireEvent('checkchange', child, checked);
});
}, tree);

// set the root node
var root = new Ext.tree.AsyncTreeNode({
text: '分区1',
draggable:false,
id:'source'
});
tree.setRootNode(root);

var window = new Ext.Window({
title: '通知好友',
xtype:'window',
modal: 'true',
layout: 'fit',
width:300,
height:250,
autoScroll:true,
collapsible : false,//是否可以折叠
closable : true,//是否可以关闭
maximizable : false,//是否可以最大化
closeAction:'hide',
plain: true,
items:[
tree
],
buttons: [{
text : '提交'
},{
text : '取消',
handler : function(){
window.hide();
}
}]
});
tree.expandAll();
window.show();
// render the tree
//tree.render();
}
</script>

[ZenKai]

Maybe set up either a "commonly used builds" or a thread that we can post our common builds?

For example: Form Build: Datefield, timefield, extended from fields, etc.

I've built like a dozen different builds now that I've got stored in various directories... maybe a publuc version?

[abe.elias]

http://extjs.com/blog/2008/11/18/ext-cdn-custom-builds-compression-and-fast-performance/

Hope this helps. :D

[geoffrey.mcgill]

It appears Ext.form.Label (label.js?) remains (http://extjs.com/forum/showthread.php?p=177741&highlight=ext.form.label#post177741) missing from the Build-yer-own machine.

Not a big deal previously because everyone could just manually add/insert the script if required, but now with CacheFly option, makes it impossible(?) to build and deliver a single CDN file that matches the public download of ext-base.js + ext-all.js.

I ran a diff of ext-base + ext-all against the CacheFly version of "ext everything" (see ext-cdn-8) and it appears only the Ext.form.Label class is missing.

http://extjs.cachefly.net/builds/ext-cdn-8.js

Would be great to get Ext.form.Label added and update all four (ext, jquery, prototype, yui) adapter+all builds at CacheFly.

http://extjs.cachefly.net/builds/ext-cdn-8.js (ext)
http://extjs.cachefly.net/builds/ext-cdn-10.js (jquery)
http://extjs.cachefly.net/builds/ext-cdn-43.js (prototype)
http://extjs.cachefly.net/builds/ext-cdn-25.js (yui)

[Lloyd K]

There was several issues addressed in the SVN that were not in the release build of Ext 2.2, can you do a release Ext 2.2.1 or something and put that on CacheFly instead of the original Ext 2.2.

[galrub]

Hi All,

I followed @shirai's post and @brian's replay post regarding making a package for tree.
I added the jQuery adapter and got the 'sp is undefined' error. :(( I assume it's got something to do with dependencies?

can you advice?

thank!

P.S. EXT is a great framework, thumb'z-up to you all \:D/

[NightAvatar]

I've read that you can also build your own css, but I don't see that option anywhere. Am I missing something or has that feature been removed?

Supposedly, there was once a link to a "build-your-own" css on the download page, here: https://extjs.com/products/extjs/download.php

There isn't now but does such a tool exist? I would really love to shrink the css file by removing excess code.

[thomas.de]

Looks like the following Code is missing when generating the libary even with all Modules selected:



Ext.form.Label = Ext.extend(Ext.BoxComponent, {
onRender: function(B, A)
{
if (!this.el) {
this.el = document.createElement("label");
this.el.id = this.getId();
this.el.innerHTML = this.text ? Ext.util.Format.htmlEncode(this.text) : (this.html || "");
if (this.forId) {
this.el.setAttribute("htmlFor", this.forId)
}
}
Ext.form.Label.superclass.onRender.call(this, B, A)
},
setText: function(A, B)
{
this.text = A;
if (this.rendered) {
this.el.dom.innerHTML = B !== false ? Ext.util.Format.htmlEncode(A) : A
}
return this
}
});
Ext.reg("label", Ext.form.Label);


took some Time to find it out :D

[mavenn]

So for build your own , I get only ext.js

1. Where are other files css and other js files.

2. Can we also build your own css?

its cofusing.

[mjlecomte]

sure, use the jsb files.

[mavenn]

sure, use the jsb files.
What is 'jsb' file? Where can I learn about building?

[mjlecomte]

look at this in your download:
ext-2.2/source/ext.jsb

[mavenn]

Have found tutorial here.. http://extjs.com/forum/forumdisplay.php?f=8

lot of resources are hidden..:)

[mjlecomte]

Again, suggestions are better than criticism. That tutorial is listed here:
http://extjs.com/learn/Tutorials (see Advanced section).

[mavenn]

Thanks.

[heidtmare]

doing a build with "No Adapter" and "Check all" is consistently giving me a blank ext.js :((

[rdejuana]

I'm trying to build a js and I am getting these 2 errors:
- sp is undefined
- Ext.Container.LAYOUTS[this.layout.toLowerCase()] is not a constructor

any ideas?

[Animal]

You have not selected the layout calss you are using to be added into your build.

Ext.layout.*

[rdejuana]

Ok, I see that I have to pick optional stuff. I'm still seeing the sp is not defined error, tho. Any idea on that?

I'm currently getting a 'Ext.form.ComboBox is not a constructor' error , even tho i have From ComboBox selected. Any ideas?

[gounis]

Hello,

I tried to build my own Ext lib but the radio buttons and check boxes don't appear even if I add all the Ext components (so it is not that I forget an important component).

I used the firebug and I could see that the radio buttons and check boxes are rendered as hidden by default. So, from firebug I removed the x-hidden class and the button appeared!

Do you have any comment on that?

Thank you!

[Condor]

Hello,

I tried to build my own Ext lib but the radio buttons and check boxes don't appear even if I add all the Ext components (so it is not that I forget an important component).

I used the firebug and I could see that the radio buttons and check boxes are rendered as hidden by default. So, from firebug I removed the x-hidden class and the button appeared!

Do you have any comment on that?

Thank you!

The radio and checkbox inputs are SUPPOSED to be hidden! In Ext 2.2(.1) the checkbox and radio components are themed with an image.
However, the image won't show up if you set your Ext.BLANK_IMAGE_URL incorrectly.

[gounis]

The radio and checkbox inputs are SUPPOSED to be hidden! In Ext 2.2(.1) the checkbox and radio components are themed with an image.
However, the image won't show up if you set your Ext.BLANK_IMAGE_URL incorrectly.

Hello,

I see your point but I think that the Ext.BLANK_IMAGE_URL is set correctly because even if I set 1)my s.gif or 2)http://extjs.com/s.gif , the radio and checkbox inputs WILL be shown in the case that I download the Ext lib as it is, but they WILL NOT be shown in case I build my own Ext library.

[gounis]

I also forgot to mention that the version of the Ext lib that I use (NOT the one that I build,but the one that I direct downloaded from Ext web page) is 2.1.

[Condor]

Ext 2.1 didn't have themed checkboxes and radios. Only Ext 2.2 and 2.2.1 have this feature.

Are you using the Ext 2.2.1 file you created with the resources from Ext 2.1? That also won't work, because Ext 2.1 doesn't contain the required checkbox and radio images!

[gounis]

You were right! I used ext 2.2 with resources of 2.1. Now I have the whole 2.2 so radio and check boxes are shown fine but they are not tickable (???). Not even the 'check' listener is invoked!

[Condor]

Well, I know of several bugs in the Ext 2.2 checkbox/radio implementation (fix here (http://www.extjs.com/forum/showthread.php?t=44603)), but the check event should work regardless.

Are you getting any javascript errors?

[dtondo]

Hi, i need to make a loading screen; loading the basic of ext. After, i want to load all Ext library. I just make my own Library.

- First i load my build library
- After ext-all.js

but i get errors,

i think because i'm loading the same parts of the library twice.

how can i solve this problem?

thanks.

[m4cc4s]

Hi I'm have been trying to build an ExtJS file using the builder tool.

I'm getting sp is undefined. I have ext-base.js included and have gone through all the code to find what I have used.

I'm using the following

Core Components
Containers
Core Utilites
Layout

All layout
Viewport
Toolbar Widget
Data Core
Data JSON Support
Data Simple Store
Form Combobox Widget
TabsIt would be nice to also be able to generate a CSS file for that too. But at the moment I'll be happy with a working JS file.

[Condor]

The error 'sp is undefined' is a bit cryptic, but it means that you are trying to extend an unknown class -> You are missing a baseclass somewhere.

You are at least missing Layers and DataView for ComboBox.

[MrE]

What are the plans of including 3.0 in the build your own page?

[Condor]

While you are waiting for a "Build your own Ext 3" feature you can create a custom build manually using JSBuilder2 (http://extjs.com/products/jsbuilder/) and editing the ext.jsb2 (http://extjs.com/forum/showthread.php?p=354473) file.

[franklt69]

Hi Condor, I need some advice about how extract a class that I need from extall.js, and use it with ext-core for instances

I want to use ext-core and a window
in the file
Ext.jsb2 I saw that,





"name": "Window",
"file": "pkgs/window.js",
"isDebug": true,
"pkgDeps": ["pkgs/cmp-foundation.js"],
"fileIncludes": [{
"text": "Window.js",
"path": "src/widgets/"
},{
"text": "WindowManager.js",
"path": "src/widgets/"
},{
"text": "MessageBox.js",
"path": "src/widgets/"
},{
"text": "PanelDD.js",
"path": "src/widgets/"
}]
}


then I included in my html file all js that appear here:
window.js
cmp-foundation.js
WindowManager.js
PanelDD.js


and I get this error:



H is undefined
[Break on this error] window.undefined=window.undefined;Ext=...])}}break;default:t=p(w,x.argument)/*
ext-core.js (line 8)
Ext.dd is undefined
[Break on this error] Ext.dd.PanelProxy = function(panel, config){
PanelDD.js (line 15)
Ext.Window is not a constructor
[Break on this error] handler: function(){



the code



...
Ext.onReady(function() {

win = new Ext.Window({
applyTo:'hello-win',
layout:'fit',
width:500,
height:300,
closeAction:'hide',
plain: true,



buttons: [{
text:'Submit',
disabled:true
},{
text: 'Close',
handler: function(){
win.hide();
}
}]
});
win.show(this);
...



so some advice about the how to this the process


regards
Frank

[letssurf]

Build your own for 2.3 reports that it can't connect to the DB.

[Jamie Avins]

Build your own for 2.3 reports that it can't connect to the DB.

This should be fixed, thanks for the report.

[schlank]

I am getting absolutly no love from the custom builder.

Without using cache fly I get a file not found:
Firefox can't find the file at http://www.sencha.com/products/js/build/dep-build.php?lib=ext&ver=2.3.0&CDN=&cmp[]=c-1176548288067&cmp[]=c-1176547092092&cmp[]=c-1197705229392&cmp[]=c-1176681140293&cmp[]=c-1197702942941&cmp[]=c-1197704624565&cmp[]=c-1176548288907&cmp[]=c-1197706006984&cmp[]=c-1176590623103&cmp[]=c-1208862617834&cmp[]=c-1176590623903&cmp[]=c-1176590624144.

With CDN I get a blank page. I tried all sorts of configurations with the same result.

[xwerx]

there is still no custom builder for v.3 and the old one - for version 2.3 doesn't work!
Ext has become a slow and huge monster and it's not that much fun anymore.
And over 700kb (base, all + css) to load (at least the first time) is a bit too much!

[Condor]

I assume you are using JSBuilder2 now? It isn't as sophisticated as the "Build your own" page, but it does the job.

[Hani79]

I am getting absolutly no love from the custom builder.

Without using cache fly I get a file not found:
Firefox can't find the file at http://www.sencha.com/products/js/build/dep-build.php?lib=ext&ver=2.3.0&CDN=&cmp[]=c-1176548288067&cmp[]=c-1176547092092&cmp[]=c-1197705229392&cmp[]=c-1176681140293&cmp[]=c-1197702942941&cmp[]=c-1197704624565&cmp[]=c-1176548288907&cmp[]=c-1197706006984&cmp[]=c-1176590623103&cmp[]=c-1208862617834&cmp[]=c-1176590623903&cmp[]=c-1176590624144.

With CDN I get a blank page. I tried all sorts of configurations with the same result.

Same here. Can someone on the EXTJS team confirm?

Apparently, the http://www.sencha.com/products/js/build/dep-build.php file does not exist at all.

[karstenvennemann]

I still am having the same problem here I really need t slim down extjs (2.3) and thought this build your own pagee is gerat but it does not appear to be working at all nay more . Please let me know if this tool is discontinued... I check multi-le times and teryed many options over the last week but I never got it to run :(

I got this message


File Not Found. Firefox can't find the file at http://www.sencha.com/products/js/build/dep-build.php?lib=ext&ver=2.3.0&CDN=&cmp[]=c-1176548288067&opts[]=o-1198052633748&cmp[]=c-1176681140293&opts[]=o-1198049371029&cmp[]=c-1197702942941&opts[]=o-1197703178102&opts[]=o-1197703184821&opts[]=o-1197703289730&opts[]=o-1197703314907&cmp[]=c-1176548288611&cmp[]=c-1197705679022&opts[]=o-1199261589766&cmp[]=c-1176548288907&opts[]=o-1176590302846&opts[]=o-1198195049742&cmp[]=c-1197704093139&cmp[]=c-1176548289698&cmp[]=c-1176590623375&cmp[]=c-1176590623903&opts[]=o-1197705533881&opts[]=o-1198047785102&cmp[]=c-1176590624144&opts[]=o-1198194337806&cmp[]=c-1176594563024&cmp[]=c-1176594562552&cmp[]=c-1176596007536&opts[]=o-1176596661900&opts[]=o-1218557113080&cmp[]=c-1176594563568&opts[]=o-1176596097474&cmp[]=c-1176596009103&cmp[]=c-1176596009599&cmp[]=c-1176590622815&cmp[]=c-1218557156234.

HELP PLEASE !