[dojo] dom query question

[iza]

hi

I am kind of new to dojo and I have a weird problem using it ...

My goal is to show some search results.

So I build a store, query it and display the results by adding a new div for each result :

var adresseStore;
require([
	         "dojo/dom", 
	         "dojo/store/Memory",	          
	         "dojo/dom-construct",
	         "dojo/query",
..
	     ], 
function(dom, Memory, domConstruct, query){
  ...		
  var container = dom.byId("chefDiv")
  adresseStore = new Memory({data:data, idProperty: "myId"});
  adresseStore.query().forEach(function(item, i){
    addRow(item, container)
    // do something with the index
  });

where addRow basically calls

domConstruct.create("div",{...,class: "adresse",...}, container);

and it works fine - i've got something like

<div id="chefDiv">
  <div class="adresse" ...>...</div>
  <div class="adresse" ...>...</div>
</div>

Now, I want to open a window when one clicks on an "adresse" div - I add

query(".adresse").on("click", function(){
// do stuff and open a window
}

and it still works fine

Great !!! how about adding a button that will hide non valid results ? let's go :
first add a

query(".sltValide").on("click", function(){
  domConstruct.empty("chefDiv");
  adresseStore.query({validite:"V"}).forEach(function(item, i){
    addRow(item, container)
    // stuff with i
  }); // foreach
}); // sltValide

everything displays well, I still have my

<div id="chefDiv">
  <div class="adresse" ...>...</div>
  <div class="adresse" ...>...</div>
</div>

with the data I want to display, I'm happy ...


... that is, until I click on a div to open the window ...

the

query(".adresse").on("click", function()

never fires

because

query(".adresse")

doesn't return anything

anyone has a clue ?
i'm stuck :-/

 

[iza]

the answer is to fully qualify the query

query("#chefDiv").on(".adresse:click", function() {
			    // this works as a charm
});