Tabs and basicDialog -- createproxy null

[donmarcos]

Hello

first of all, this is a great library and congratulations to the team, keep the good work.

now my issue here , I have a form with several tabs, on it and I am using the sample.js as a guide to add my own basicdialog display.

I read on another thread that basicDialog should be on the body context rather than on the tab divs, so I did that, but now when I click on the button , I get the error :

this.proxy has no properties

what does that mean, the tabs render perfectly, now I just need to get my basicdialog working.

any ideas (this occurson FF and IE)

thank you

marcos

[tryanDLS]

You'll have to post some code. What is samples.js - it's not one of the files in the examples folder.

[donmarcos]

Tim thank you


you can see what I am talking about here

http://moliva.serveftp.net:9090/ListXChange/editOrder.do?orderId=track-1175627281828

go to the list detail tab and there is a button call process filter that I am using to invoke the basicdialog,

also sorry the file with the code is under examples and it is called hello.js

thank you

marcos

[donmarcos]

any help here guys . thanks

[tryanDLS]

I'm not sure what you're doing, but before spending any more time debugging, you need to upgrade to the 1.0 release - there's no point troubleshooting alpha code. Also, that's an awful lot of code to go thru. Can you build a stripped to sample, or point to where in the code you're building the dialog?

[donmarcos]

Tim

yes I know I am in the process of creating a strip down version, I have version 1.0 on my local dev machine and I am using the debug source code provided

by using FF, I was able to debug it to this file ext-core-debug.js, on the method, createProxy:

createProxy : function(config, renderTo, matchBox){
if(renderTo){
renderTo = Ext.getDom(renderTo);
}else{
renderTo = document.body;
}
config = typeof config == "object" ?
config : {tag : "div", cls: config};
var proxy = Ext.DomHelper.append(renderTo, config, true); <--here the proxy is null
if(matchBox){
proxy.setBox(this.getBox());
}
return proxy;
},


marcos

[donmarcos]

Tim

the strip down version is up already. also I did upgraded to ext 1.0, right now I am using the debug versions of

ext-core-debug.js
ext-all-debug.js


all I am trying to do is to open up a dialog box, that is all.. but I keep getting :
this.proxy has not properties when I click on the hello world button on the lower left corner

IE looks great, but on FF it does not work .

http://moliva.serveftp.net:9090/ListXChange/editOrder.do?orderId=track-1176239097953



thanks

marcos

[tryanDLS]

Take a look at the args passed into createProxy - is something null? That method is called in the BasicDialog ctor. You might look there to see what you're passing. Are you trying to autoCreate this dialog, or does the div exist?

[donmarcos]

Tim

the DIV do exist, all I did was to copy the exact same code form the hello.js file, rename the DIV and

var HelloWorld = function(){
to
var ListFilterXML = function(){

and I am using the same number of args, passed on the constructor on the hello.js, that I did not change,

dialog = new Ext.BasicDialog("hello-dlg", {
autoTabs:true,
width:500,
height:300,
shadow:true,
minWidth:300,
minHeight:250,
proxyDrag: true
});

so I do not know what I am missing here , I have autotabs = true, but I am setting up that on my div at the end of the page, just like the one on the sample

<code>

<!-- The dialog is created from existing markup.
The inline styles just hide it until it created and should be in a stylesheet -->
<div id="hello-dlg" style="visibility:hidden;position:absolute;top:0px;">
<div class="x-dlg-hd">Hello Dialog</div>
<div class="x-dlg-bd">
<!-- Auto create tab 1 -->
<div class="x-dlg-tab" title="Hello World 1">
<!-- Nested "inner-tab" to safely add padding -->
<div class="inner-tab">
Hello...<br><br><br>
</div>
</div>
<!-- Auto create tab 2 -->
<div class="x-dlg-tab" title="Hello World 2">
<div class="inner-tab">
... World!
</div>
</div>
</div>
</div>

<code>

again it does work great on IE, but on FF it does not

thanks,

marcos

[tryanDLS]

Your dialog div is buried in a table. From the doc
A Dialog should always be a direct child of the body element.

[donmarcos]

Tim

again thank you for all your help, I moved the dialog DIV outside the inner tables, now it is outside, but I am still getting the error, IE works great, FF will not work

http://moliva.serveftp.net:9090/ListXChange/editOrder.do?orderId=track-1176239097953

very bizarre ..

marcos

[tryanDLS]

You page still has alpha version of the ext-all-debug.js

[donmarcos]

Tim

I am so sorry, I have already updated to version 1.0, sorry for the inconvenience.

my war file did not have the latest changes

marcos

[tryanDLS]

I can't see why this isn't working :( Can you try removing the doctype just for the heck of it?

[donmarcos]

Tim

well nope, no luck, removed the DOCTYPE tag and nada, no dialog..

IE still works wonderfully.. but FF is not giving me a break here

what is that error this.proxy has no properties ?

many thanks Jim for your help

marcos

[tryanDLS]

For some reason, when it tries to append the div for the proxy element to the document.body, it returns null. Let's eliminate the possibility of something getting stepped on in Ext.
Remove the unnecessary ext-debug-core.js and package/util.js and package/tabs.js

[donmarcos]

Tim

I removed those files already but no solutions ..

[tryanDLS]

I'm at loss. The only thing I can think is that something in one of your non-Ext includes is stepping on something. I would try removing them all and see what happens. Then add them back in 1 at a time.

[donmarcos]

Tim

thanks, I had to painstakingly remove every js I had and finally I found out the culprit, it has nothing to do with ext, it was a library I was using for my menu on the right panel, from this guys,

TreeView
http://www.treeview.net/

once I removed their js library, everything started to work, nobody knows why, but ohh well that is a tale for another day

thanks Tim for all your work, and ext is a great library

marcos