I have (nearly) the same problem. I don't understand the handling of the url within the ComboBox-Code. Let me explain my solution I tried:

function init(){
tmpUrl = { url: "http://localhost:8080/dojoapp/dojoServlet",
form: "myForm"
}
var store = new dojo.data.ItemFileReadStore(tmpUrl);
combo = new dijit.form.ComboBox({
name:"prog",
autocomplete:true,
store: store,
searchAttr:"name"
}, dojo.byId("articleSubType"));
}
dojo.addOnLoad(init);

Now, it doesn't work. So I start to debug the code, cause I was surprise (well, at least not, cause it would be to easy ;-) ). So, I found the following Code in the function _forceLoad in ItemFileReadStore.

var getArgs = {
url: self._jsonFileUrl,
handleAs: "json-comment-optional",
sync: true
};
var getHandler = dojo.xhrGet(getArgs);

Why is not my url-Object used? Why is the form-Tag not in use? It's a bug or a feature? The same handling is used in all other methods.

Would be nice to get an answer. Maybe I missunderstand something.

Greetings

Andre

I'm a complete Dojo noob - but I think what you're trying to do is something like "Google Suggest"

If your data set is reasonable, use a filteringSelect. The initial payload is the only bandwidth required - the rest is done client side.

hope this helps..

Hi Johnshen,
I've problems with combo in dojo 0.9, too. My code is very similar to your. This is my code for populating datastore (I'm using Java/Spring) by Url:

...

<div dojoType="dojo.data.ItemFileReadStore" jsId="doctorStore"
                          url="searchdoctorflex.do?&name=%{searchString}&namelike=true"></div>
...

Debugging the application with Firebug I've seen that url was is only called once.
Adding a breakpoint into the controller code I've seen that the "name" parameter value passed to It was NULL, too.

Have you ever resolved the problem?
Is "searchString" not longer supported by Dojo 0.9?

Hi,

after I debug the Code I used the following Hack. Hope there will be a officiel solution in the Version 1.0:

To force the Reload after every pressed key or click use:

dojo.addOnLoad ( function() {
dojo.connect(dojo.byId("myCombo"), 'onkeypress', update);
dojo.connect(dojo.byId("myCombo"), 'onfocus', update);
});

function update() {
dijit.byId("myCombo").store._loadFinished = false;
}

To send the parameter of the form, you have to 'patch' the File 'ItemFileReadStore.js'.

in the constructor add the following codeline:

this._jsonFileUrl = keywordParameters.url;
this._formName = keywordParameters.form; //new
this._jsonData = keywordParameters.data;

Now you have to add a line three parts of the Code:

var getArgs = {
url: self._jsonFileUrl,
form: self._formName, //new
handleAs: "json-comment-optional"
};

It works well, but at least it is a Bad hack. Or is there a easier way?

I'm looking to do the same thing - and you are right that a filtering select will only work well for smallish data sets.

does the code you provided above work in all browsers? would you recommend use it?

I got the incremental search with your help, jamari. Really appreciate it. However, I still did not get the parameter back, at least the way I did in 0.4, beause the request parameter was passed literally, instead of fetching from the input node, as seen in the httpd log:

suggest.php: $_GET = Array( [school] => %{searchString}

as you can see, the server did not see the user input. Rather it is just getting invoked as originally written in the code. Do you have any idea what I should do to pass the user input to the backend script (suggest.php)? Thanks in advance.

@johnshen - did you ever figure this out? can you post here or email me if you did (joe dot travaglini @ gmail dot com)

thanks

http://dpaste.com/hold/19878/

dojo.provide("app.widget.ComboBoxDataStore");

dojo.require("dojo.string");

dojo.declare("app.widget.ComboBoxDataStore", dojo.data.ItemFileReadStore, {

    // This is just for backing up the URL actually passed to the constructor.
    _orginialJsonFileUrl: null,
    
    _fetchItems: function(    /* Object */ keywordArgs, 
                            /* Function */ findCallback, 
                            /* Function */ errorCallback){
        // This is quite a dirty hack for making the 0.9 ComboBox reload data from the
        // server everytime a user changes the content of the combobox.
        // Just the 0.4 dataUrl="/url/${serachString}" beahviour.
        // This is quite ugly because it "knows" how the _fetchItems() method of the
        // parent class works, if that one will be changed in its behaviour it MIGHT
        // affect this hack and will make it not work anymore.
        //
        // Usage:
        //    

        //    
        //
        if (this._orginialJsonFileUrl===null) {
            this._orginialJsonFileUrl = this._jsonFileUrl;
        }
        // Well we never loaded all the data, since we want a reload every time a key is hit.
        this._loadFinished = false;
        // The parent _fetchItems method uses this._jsonFileUrl and we need it to have
        // the searchString replaced.
        this._jsonFileUrl = dojo.string.substitute(this._jsonFileUrl, {searchString:keywordArgs.query.name.replace(/\*$/, "")});
        app.widget.ComboBoxDataStore.superclass._fetchItems.apply(this, arguments);
        this._jsonFileUrl = this._orginialJsonFileUrl;
    }
});

cu

Wolfram

The problem is that you are using ItemFileReadStore, which by design downloads all the data in the URL on page load. You need a different datastore. Unfortunately the datastore you want hasn't been written yet (or at least not checked in yet). See bug 4116.

Hi Wolfram,

I'm looking to follow your path.

I've created a datastore from your code. (ComboBoxDataStore.js)
Placed it in the dojo.data directory & changed the 2 references in the file to this.

But now I'm not sure what comboBox code to use.

I have this...

This seems to result in the error message...
(in FireFox with FireFox)

"app is not defined
[Break on this error] undefined"

any idea?

I know the servlet gets called when th page is loaded, but then nothing after that.

Thanks for your help.
Jeff Porter

hi johnshen,

i tried your url and it calls http://devois.ucop.edu/ois/ois2dot0/suggest.php/ but firebug says
SyntaxError: syntax error message=syntax error
and the response says "Loading..." so its still a server issue it seems.

also trying it by hand
>>> dojo.xhrGet({url:"/ois/ois2dot0/suggest.php/a"})
returns the same, is it possible that your server script crashes after the call? looks like it, because the response doesnt hang for a long time
just my guess from far away (i guess)

cu

Wolfram

http://trac.dojotoolkit.org/ticket/4597
there i implementd a real dojo.data store, that loads the data from the backend as discussed here, the advantage of this solution: it is the right way (still incomplete) and it's a suggestion for dojo(x).data

cu

Wolfram

i copied your latest patch. everything else seems to work, but got the following error:

GET https://devois.ucop.edu/ois/tests/QueryReadData.php?q=al (70ms)dojo.js (line 20)
ParamsHeadersPostResponse
Response Headers
Request Headers

{"items":[{"name":"Alabama","label":"Alabama"

,"abbreviation":"AL"},{"name":"Alaska","label":"Alaska","abbreviation":"AK"}]}

Error: dojox.data.QueryReadStore: a function was passed an item argument that was not an item

Hi everybody, I'm a frenchy so excuse my bad english.

The last week I had to develop an autocompleter which give some city results with a postal code parameter in the url query like that:
"http://localhost/ComboBoxDate.jsp?departement=59" so when I modified the code the results was the same that the results of the first call.
So, in order to resolve this problem I had reset the store of my ComboBox like that:
function changeCode(numCode) {
cityComboBox.store = new dojo.data.ItemFileReadStore({url: "http://localhost/comboBoxData.jsp?departement=" + numCode } );
}

And this solution works perfectly.

in your case (johnshen) you could write this for resolving your problem:

Have a nice day everyone.
Regards.

Jocker :D

I can't get the FilteringSelect to work with the QueryData store. When I try to set an identity field, I get the following error:

Error: dojo.data.QueryReadStore: The json data as specified by: [undefined] is malformed. Items within the list have identifier: [value]. Value collided: [undefined]

My dataset looks like this:

{

'identifier':"value",

items: [

{'value':'26', 'name':"Admin"}
,
{'value':'25', 'name':"Administrative Ant"}

]
}

Without the "identifier" I can't ID the field for the filtering select. Is there a workaround, or am I doing something wrong?

Relevant markup:

(div dojotype="dojox.data.QueryReadStore" jsid="qrs3157" url="/auto_completion/auto_complete_title")
(div autocomplete="true" dojotype="dijit.form.FilteringSelect" id="title_id" name="title_id" store="qrs3157")

Thanks,

Ryan