Why can't multiple programmatically generated FilteringSelect's share a single store?

Posted by yarmiganosca on Stack Overflow See other posts from Stack Overflow or by yarmiganosca
Published on 2010-05-07T20:10:28Z Indexed on 2010/05/07 20:18 UTC
Read the original article Hit count: 135

Filed under:

dojo

|

dijit

|

JavaScript

Before you ask, a MultiSelect wouldn't really be intuitive for the user in this instance.
I have an object, with an array as its value for 'items', that's provided on the page in a var statement. I also have a function that generates and places dijit.form.FilteringSelects and is triggered on a certain button's click event. Every one of these selects should have the aformentioned object as their 'store' attribute. If I write store: new dojo.data.ItemFileReadStore({ data: object_name }), in my select initialization code, I get weird behavior:
I click the generate button 2 times and get 2 FilteringSelects (call them A,B). I click on B's dropdown piece, and the menu appears attached to B. Then I click on A's dropdown button, and menu appears attached to A. If I then go back and click on B's dropdown button again, nothing happens (well not nothing; an error gets thrown).
However, if instead, I have data: {items: array_literal} everything works fine, and I switch back and forth between the 2 as much as I want.
As the data: statement appears once in the javascript code, this isn't a big deal (now that I have a workaround at least). It is however, exceedingly odd. I attempted to dig into the source code, to no avail.
Anybody have any idea what's going on here?

© Stack Overflow or respective owner

Related posts about dojo

Use Dojo Drag and Drop together with Dojo Moveable

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I'm using Dojo.dnd to transfer items between to areas. The problem is: the items will snap into place once I drop them, but I'd like to have them stay where I drop them, but only for one area. Here's a little code to explain this better: <div id="dropZone" class="dropZone"> <div… >>> More
Dojo reading a json file from a local filesystem using dojo.xhrGet

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I'm trying to read a file from a local filesystem. I do not have a server at my disposal and thus i'm trying to do it this way. Here is what I got so far; function init(){ netscape.security.PrivilegeManager.enablePrivilege('UniversalBrowserWrite'); dojo.xhrGet( { url:… >>> More
Dojo addOnLoad, but is Dojo loaded?

as seen on Stack Overflow - Search for 'Stack Overflow'
I've encountered what seems like a chicken & egg problem, and have what I think is a logical solution. However, it occurred to me that others must have encountered something similar, so I figured I'd float it out there for the masses. The situation is that I want to use dojo's addOnLoad function… >>> More
Dojo: dojo onblur events

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi guys, I have a form setup with dojo 1.5. I am using a dijit.form.ComboBox and a dijit.form.TextBox The Combobox has values like "car","bike","motorcycle" and the textbox is meant to be an adjective to the Combobox. So it doesn't matter what is in the Combobox but if the ComboBox does have a value… >>> More
Dojo extending dojo.dnd.Source, move not happening. Ideas?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey all, Ok... I have a simple dojo page with the bare essentials. Three UL's with some LI's in them. The idea si to allow drag-n-drop among them but if any UL goes empty due to the last item being dragged out, I will put up a message to the user to gie them some instructions. In order to do that… >>> More

Related posts about dijit

Dojo 1.8: Getting dest.appendChild is not a function while rendering a custom template

as seen on Stack Overflow - Search for 'Stack Overflow'
After adding in the WidgetsInTemplateMixin, I am receiving an error dest.appendChild is not a function In the documentation, it claims that there will be an error if this.containerNode is not able to contain any child objects. However, I have marked the containerNode attachment point for a div… >>> More
dojo/dijit and Printing

as seen on Stack Overflow - Search for 'Stack Overflow'
I want to be able to provide a button to my users to just print a particular portion of my dojo/dijit application. There seems to be a general lack of documentation and examples when it comes to printing. For example, I have a specific dijit.layout.ContentPane that contains the content that I would… >>> More
dojo/dijit ContentPane setting content

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying append some XML retrieved via a dojo.XHRGet to a dijit.layout.ContentPane. Everything works ok in Firefox (3.6) but in Chrome, I only get back 'undefined' in the particular ContentPane. My code looks something like this: var cp = dijit.byId("mapDetailsPane"); cp.destroyDescendants();… >>> More
handling mouseover/mouseout events for dijit.TitlePane's titleNode

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a lot of dijit.TitlePanes stacked up one after another. I wish to handle the onmouseover and onmouseout events for the tile part of the TitlePane. What is the correct way of doing this? Will something like : dojo.connect(titlePane.titleNode, 'onmouseover', function f() {}); work, where… >>> More
Change "cancel" text on dijit.Dialog close box?

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there any possible way to change the "cancel" tool tip that pops up over the X box on a dijit.dialog? I just want it to read "close". I'm somewhat new to dojo. I expect this might be just a dumb question that has a really easy answer, but I am finding no examples. Thanks in advance. >>> More