Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

View: New views
7 Messages — Rating Filter:   Alert me  

Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

by Prabu Ramachandran :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Some parts of this message have been removed. Learn more about Nabble's security policy.

Hi,

 

The dijit.form.ComboBox vaue select is not working when I include the ComboBox in JSP inside the tab container -> Content Pane.

 

This problem occurs only in IE6 & IE7. Working fine in Mozilla.

 

Please any pointers to fix this issue?

 

Thanks,

Prabu R

 


_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

by Dustin Machi-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

If I had to take a guess, you have a trailing comma somewhere in  your  
code.  This is probably the most common issue when things work in  
other browsers but not in ie.

Dustin

On Nov 6, 2009, at 8:31 AM, Prabu Ramachandran wrote:

> Hi,
>
> The dijit.form.ComboBox vaue select is not working when I include  
> the ComboBox in JSP inside the tab container -> Content Pane.
>
> This problem occurs only in IE6 & IE7. Working fine in Mozilla.
>
> Please any pointers to fix this issue?
>
> Thanks,
> Prabu R
>
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

by Prabu Ramachandran :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi Dustin,

Thanks for the suggestion. I checked the codes once again, but was not able to find any such comma.

To add the below issue, I was able to click on the combobox, the drop down with values is listed down, when I move the mouse over the drop down list, immediately JS error "Item is null or not an object" occurs. The drop down list behaves like a non-editable list. It only displays the value and not able to select anything.

Thanks,
Prabu R

-----Original Message-----
From: dojo-interest-bounces@... [mailto:dojo-interest-bounces@...] On Behalf Of Dustin Machi
Sent: Friday, November 06, 2009 7:18 PM
To: dojo-interest@...
Subject: Re: [Dojo-interest] Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

If I had to take a guess, you have a trailing comma somewhere in  your  
code.  This is probably the most common issue when things work in  
other browsers but not in ie.

Dustin

On Nov 6, 2009, at 8:31 AM, Prabu Ramachandran wrote:

> Hi,
>
> The dijit.form.ComboBox vaue select is not working when I include  
> the ComboBox in JSP inside the tab container -> Content Pane.
>
> This problem occurs only in IE6 & IE7. Working fine in Mozilla.
>
> Please any pointers to fix this issue?
>
> Thanks,
> Prabu R
>
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

by Nathan Toone-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

That almost *exactly* describes what you would see if you had a trailing comma...probably in the datastore that you are using to populate your combobox.

-Nathan

On Fri, Nov 6, 2009 at 7:14 AM, Prabu Ramachandran <Prabu_Ramachandran@...> wrote:
Hi Dustin,

Thanks for the suggestion. I checked the codes once again, but was not able to find any such comma.

To add the below issue, I was able to click on the combobox, the drop down with values is listed down, when I move the mouse over the drop down list, immediately JS error "Item is null or not an object" occurs. The drop down list behaves like a non-editable list. It only displays the value and not able to select anything.

Thanks,
Prabu R

-----Original Message-----
From: dojo-interest-bounces@... [mailto:dojo-interest-bounces@...] On Behalf Of Dustin Machi
Sent: Friday, November 06, 2009 7:18 PM
To: <toonetown@...>, dojo-interest@...
Subject: Re: [Dojo-interest] Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

If I had to take a guess, you have a trailing comma somewhere in  your
code.  This is probably the most common issue when things work in
other browsers but not in ie.

Dustin

On Nov 6, 2009, at 8:31 AM, Prabu Ramachandran wrote:

> Hi,
>
> The dijit.form.ComboBox vaue select is not working when I include
> the ComboBox in JSP inside the tab container -> Content Pane.
>
> This problem occurs only in IE6 & IE7. Working fine in Mozilla.
>
> Please any pointers to fix this issue?
>
> Thanks,
> Prabu R
>
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest


_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

by Dustin Machi-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

My guess is that it would be in the json data that the combobox is  
configured to use.  The general situation you describe is certainly  
possible and works.  You'll probably have to have a simple test case  
and/or show some code on here for people to offer additional  
suggestions.

To be clear, the trailing comma case I described is usually something  
like this:

        var data = {
                identifier: "id",
                items: [
                        {id: "1", name: "foo"},
                        {id: "2", name: "bar"},
                        {id: "3", name: "baz"},   <--- bad comma
                ]
        }

Dustin

On Nov 6, 2009, at 9:14 AM, Prabu Ramachandran wrote:

> Hi Dustin,
>
> Thanks for the suggestion. I checked the codes once again, but was  
> not able to find any such comma.
>
> To add the below issue, I was able to click on the combobox, the  
> drop down with values is listed down, when I move the mouse over the  
> drop down list, immediately JS error "Item is null or not an object"  
> occurs. The drop down list behaves like a non-editable list. It only  
> displays the value and not able to select anything.
>
> Thanks,
> Prabu R
>
> -----Original Message-----
> From: dojo-interest-bounces@... [mailto:dojo-interest-bounces@...
> ] On Behalf Of Dustin Machi
> Sent: Friday, November 06, 2009 7:18 PM
> To: dojo-interest@...
> Subject: Re: [Dojo-interest] Dojo ComboBox value select issue inside  
> conetent pane in IE6 & IE7
>
> If I had to take a guess, you have a trailing comma somewhere in  your
> code.  This is probably the most common issue when things work in
> other browsers but not in ie.
>
> Dustin
>
> On Nov 6, 2009, at 8:31 AM, Prabu Ramachandran wrote:
>
>> Hi,
>>
>> The dijit.form.ComboBox vaue select is not working when I include
>> the ComboBox in JSP inside the tab container -> Content Pane.
>>
>> This problem occurs only in IE6 & IE7. Working fine in Mozilla.
>>
>> Please any pointers to fix this issue?
>>
>> Thanks,
>> Prabu R
>>
>> _______________________________________________
>> FAQ: http://dojotoolkit.org/support/faq
>> Book: http://docs.dojocampus.org
>> Dojo-interest@...
>> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

by Prabu Ramachandran :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi,

I am much delighted to see the quick response of Dustin and Nathan. Thanks a lot!

I think if I put some of my codes here, I can able to get more pointers from you.

1) I have a JS file with method: The necessary dojo.require("..."); are all written in this JS.
       
        dojo.subscribe("mainTabContainer-selectChild", function(child) {
        if (child == dijit.byId("someID")) {
                dojo.xhrPost( {
                        preventCache :true,
                        url :"some.action",
                        load : function(response, args) {

                                dijit.byId("someID").setContent(response);
                }
                });

        }

        });

2) I have a jsp file, which has tab container & content pane and import statement for the above JS file.

        <html>
                <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
                <%@ taglib prefix="s" uri="/struts-tags"%>
                <tiles:insertDefinition name="layout1">
                <tiles:putAttribute name="content">
                <head>
                        <script type="text/javascript" src="gpstatic/dojo1.3.2/dojo/dojo.js"
                        djConfig="isDebug:true, parseOnLoad: true"></script>
                        <script type="text/javascript" src="gpstatic/dojo1.3.2/dijit/dijit.js">
                         </script>
                </head>
                <body class="soria">
                        <div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
                                style="width: 100%; height: 100%; border: 1px solid #95c6d7">
                        <div id="someID" dojoType="dijit.layout.ContentPane"
                                title="User Profile" style="background-color: #95c6d7">
                        </div>
                </body>
                </tiles:putAttribute>
                </tiles:insertDefinition>
        </html>

3) i have another JSP, that is displayed to user as per the action results. This Jsp file is plugged as content using struts tiles.
This JSP Contains the ComboBox as below,

<s:form .......>
<div....>
....
        <s:select name="userId" id="userId"
                list="listName" dojoType="dijit.form.ComboBox" cssClass="formatTextLevel" value="userId"
                cssStyle="width:15%;height:60%;float:left" />
....
</div>
</s:form>

Note: I am using Struts 2 framework and dojo-1.3.2 version

Please let me know, if you need more clarification about my code.

Thanks,
Prabu R



-----Original Message-----
From: dojo-interest-bounces@... [mailto:dojo-interest-bounces@...] On Behalf Of Dustin Machi
Sent: Friday, November 06, 2009 7:50 PM
To: dojo-interest@...
Subject: Re: [Dojo-interest] Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

My guess is that it would be in the json data that the combobox is  
configured to use.  The general situation you describe is certainly  
possible and works.  You'll probably have to have a simple test case  
and/or show some code on here for people to offer additional  
suggestions.

To be clear, the trailing comma case I described is usually something  
like this:

        var data = {
                identifier: "id",
                items: [
                        {id: "1", name: "foo"},
                        {id: "2", name: "bar"},
                        {id: "3", name: "baz"},   <--- bad comma
                ]
        }

Dustin

On Nov 6, 2009, at 9:14 AM, Prabu Ramachandran wrote:

> Hi Dustin,
>
> Thanks for the suggestion. I checked the codes once again, but was  
> not able to find any such comma.
>
> To add the below issue, I was able to click on the combobox, the  
> drop down with values is listed down, when I move the mouse over the  
> drop down list, immediately JS error "Item is null or not an object"  
> occurs. The drop down list behaves like a non-editable list. It only  
> displays the value and not able to select anything.
>
> Thanks,
> Prabu R
>
> -----Original Message-----
> From: dojo-interest-bounces@... [mailto:dojo-interest-bounces@...
> ] On Behalf Of Dustin Machi
> Sent: Friday, November 06, 2009 7:18 PM
> To: dojo-interest@...
> Subject: Re: [Dojo-interest] Dojo ComboBox value select issue inside  
> conetent pane in IE6 & IE7
>
> If I had to take a guess, you have a trailing comma somewhere in  your
> code.  This is probably the most common issue when things work in
> other browsers but not in ie.
>
> Dustin
>
> On Nov 6, 2009, at 8:31 AM, Prabu Ramachandran wrote:
>
>> Hi,
>>
>> The dijit.form.ComboBox vaue select is not working when I include
>> the ComboBox in JSP inside the tab container -> Content Pane.
>>
>> This problem occurs only in IE6 & IE7. Working fine in Mozilla.
>>
>> Please any pointers to fix this issue?
>>
>> Thanks,
>> Prabu R
>>
>> _______________________________________________
>> FAQ: http://dojotoolkit.org/support/faq
>> Book: http://docs.dojocampus.org
>> Dojo-interest@...
>> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Dojo ComboBox value select issue inside conetent pane in IE6 & IE7

by Dustin Machi-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Comments Inline.

> 1) I have a JS file with method: The necessary dojo.require("...");  
> are all written in this JS.
>
> dojo.subscribe("mainTabContainer-selectChild", function(child) {
> if (child == dijit.byId("someID")) {
> dojo.xhrPost( {
> preventCache :true,
> url :"some.action",
> load : function(response, args) {
>
> dijit.byId("someID").setContent(response);
> }
> });
>
> }
>
> });
>

You should probably have handleAs: "html" (I assume that is what you  
are getting back).


> 2) I have a jsp file, which has tab container & content pane and  
> import statement for the above JS file.
>
> <html>
> <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
> <%@ taglib prefix="s" uri="/struts-tags"%>
> <tiles:insertDefinition name="layout1">
> <tiles:putAttribute name="content">
> <head>
> <script type="text/javascript" src="gpstatic/dojo1.3.2/dojo/
> dojo.js"
> djConfig="isDebug:true, parseOnLoad: true"></script>
> <script type="text/javascript" src="gpstatic/dojo1.3.2/dijit/
> dijit.js">
> </script>
> </head>
> <body class="soria">
> <div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
> style="width: 100%; height: 100%; border: 1px solid #95c6d7">
> <div id="someID" dojoType="dijit.layout.ContentPane"
> title="User Profile" style="background-color: #95c6d7">

There is a missing </div> here.


> </div>
> </body>
> </tiles:putAttribute>
> </tiles:insertDefinition>
> </html>
>

Note the basic ContentPane doesn't execute code in <scripts>, you  
would have to use dojox.layout.ContentPane for something like that. It  
will parse and instantiate widgets though.  This means that you have  
to either use the dojox content pane for dojo.require()'s in  
contentpanes, or you need to ensure that the appropriate classes are  
already dojo.required.

> 3) i have another JSP, that is displayed to user as per the action  
> results. This Jsp file is plugged as content using struts tiles.
> This JSP Contains the ComboBox as below,
>
> <s:form .......>
> <div....>
> ....
> <s:select name="userId" id="userId"
> list="listName" dojoType="dijit.form.ComboBox"  
> cssClass="formatTextLevel" value="userId"
> cssStyle="width:15%;height:60%;float:left" />
> ....
> </div>
> </s:form>
>

This doesn't mean a lot to me.  In generaly, you need to be looking at  
the rendered html to see what it is actually sending.  Primarily,  
ComboBoxes are data driven, so their needs to be a dojo data store on  
the page, and the combo box should be pointed at it.  See the  
declarative example here, http://docs.dojocampus.org/dijit/form/ComboBox

Dustin

> Note: I am using Struts 2 framework and dojo-1.3.2 version
>
> Please let me know, if you need more clarification about my code.
>
> Thanks,
> Prabu R
>
>
>
> -----Original Message-----
> From: dojo-interest-bounces@... [mailto:dojo-interest-bounces@...
> ] On Behalf Of Dustin Machi
> Sent: Friday, November 06, 2009 7:50 PM
> To: dojo-interest@...
> Subject: Re: [Dojo-interest] Dojo ComboBox value select issue inside  
> conetent pane in IE6 & IE7
>
> My guess is that it would be in the json data that the combobox is
> configured to use.  The general situation you describe is certainly
> possible and works.  You'll probably have to have a simple test case
> and/or show some code on here for people to offer additional
> suggestions.
>
> To be clear, the trailing comma case I described is usually something
> like this:
>
> var data = {
> identifier: "id",
> items: [
> {id: "1", name: "foo"},
> {id: "2", name: "bar"},
> {id: "3", name: "baz"},   <--- bad comma
> ]
> }
>
> Dustin
>
> On Nov 6, 2009, at 9:14 AM, Prabu Ramachandran wrote:
>
>> Hi Dustin,
>>
>> Thanks for the suggestion. I checked the codes once again, but was
>> not able to find any such comma.
>>
>> To add the below issue, I was able to click on the combobox, the
>> drop down with values is listed down, when I move the mouse over the
>> drop down list, immediately JS error "Item is null or not an object"
>> occurs. The drop down list behaves like a non-editable list. It only
>> displays the value and not able to select anything.
>>
>> Thanks,
>> Prabu R
>>
>> -----Original Message-----
>> From: dojo-interest-bounces@... [mailto:dojo-interest-bounces@...
>> ] On Behalf Of Dustin Machi
>> Sent: Friday, November 06, 2009 7:18 PM
>> To: dojo-interest@...
>> Subject: Re: [Dojo-interest] Dojo ComboBox value select issue inside
>> conetent pane in IE6 & IE7
>>
>> If I had to take a guess, you have a trailing comma somewhere in  
>> your
>> code.  This is probably the most common issue when things work in
>> other browsers but not in ie.
>>
>> Dustin
>>
>> On Nov 6, 2009, at 8:31 AM, Prabu Ramachandran wrote:
>>
>>> Hi,
>>>
>>> The dijit.form.ComboBox vaue select is not working when I include
>>> the ComboBox in JSP inside the tab container -> Content Pane.
>>>
>>> This problem occurs only in IE6 & IE7. Working fine in Mozilla.
>>>
>>> Please any pointers to fix this issue?
>>>
>>> Thanks,
>>> Prabu R
>>>
>>> _______________________________________________
>>> FAQ: http://dojotoolkit.org/support/faq
>>> Book: http://docs.dojocampus.org
>>> Dojo-interest@...
>>> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>>
>> _______________________________________________
>> FAQ: http://dojotoolkit.org/support/faq
>> Book: http://docs.dojocampus.org
>> Dojo-interest@...
>> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>> _______________________________________________
>> FAQ: http://dojotoolkit.org/support/faq
>> Book: http://docs.dojocampus.org
>> Dojo-interest@...
>> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest@...
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest

_______________________________________________
FAQ: http://dojotoolkit.org/support/faq
Book: http://docs.dojocampus.org
Dojo-interest@...
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest