topic Re: dojo CheckedMultiSelect from store in ArcGIS JavaScript Maps SDK Questions

dojo CheckedMultiSelect from store

SteveLi — Tue, 24 Jan 2012 23:41:49 GMT

I am very new to Dojo and I have a question hope someone can help me.

I want to populate CheckedMultiSelect with a data store, but I can't make it work. Can someone tell what I did wrong? Thanks.

Here is the code:

<!DOCTYPE html>
<html>
<head>
<title>Dive Into Dijit Forms Examples</title>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.css">
<link rel="stylesheet" id="themeStyles" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/grid/resources/claroGrid.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/form/resources/CheckedMultiSelect.css">


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js" djConfig="isDebug:true,parseOnLoad:true"></script>

<script type="text/javascript">
   dojo.require("dojo.parser");
   dojo.require("dojox.form.CheckedMultiSelect");
   dojo.require("dijit.form.Button");
   dojo.require("dijit.form.Form");
   dojo.require("dojo.data.ItemFileWriteStore");
   var readStore;
   //var readStore;

   dojo.ready(function(){
    var data = {
     identifier: "value",
     label: "label",
     items: [
      {value: "AL", label: "Alabama"},
      {value: "AK", label: "Alaska"},
      {value: "AZ", label: "Arizona"},
      {value: "AR", label: "Arkansas"},
      {value: "CA", label: "California"},
      {value: "CO", label: "Colorado"},
      {value: "CT", label: "Connecticut"}
     ]
    };

    var readStore = new dojo.data.ItemFileReadStore({data:dojo.clone(data)});
   });

</script>
</head>

<body class="claro">

<div style="padding:20px;">

<form dojoType="dijit.form.Form" jsId="form">
   <select jsId="ms4" multiple="true" size="5" name="ms4" store="readStore" dojoType="dojox.form.CheckedMultiSelect">
   </select>
</form>
</div>

</body>
</html>

Re: dojo CheckedMultiSelect from store

derekswingley1 — Sat, 11 Dec 2021 12:26:05 GMT

The dojo parser is creating your widget before readStore is defined. Try this:


<!DOCTYPE html>
<html>
<head>
<title>Dive Into Dijit Forms Examples</title>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.css">
<link rel="stylesheet" id="themeStyles" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/grid/resources/claroGrid.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/form/resources/CheckedMultiSelect.css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js" djConfig="isDebug:true"></script>

<script type="text/javascript">
  dojo.require("dojo.parser");
  dojo.require("dojox.form.CheckedMultiSelect");
  dojo.require("dijit.form.Button");
  dojo.require("dijit.form.Form");
  dojo.require("dojo.data.ItemFileWriteStore");
  console.log("required stuff");

  var readStore;
  dojo.ready(function() {
    var data = {
      identifier: "value",
      label: "label",
      items: [
        {value: "AL", label: "Alabama"},
        {value: "AK", label: "Alaska"},
        {value: "AZ", label: "Arizona"},
        {value: "AR", label: "Arkansas"},
        {value: "CA", label: "California"},
        {value: "CO", label: "Colorado"},
        {value: "CT", label: "Connecticut"}
      ]
    };
    readStore = new dojo.data.ItemFileReadStore({data:dojo.clone(data)});

    dojo.parser.parse();
  });
</script>
</head>

<body class="claro">
  <div style="padding:20px;">

    <form dojoType="dijit.form.Form" jsId="form">
      <select jsId="ms4" multiple="true" size="5" name="ms4" store="readStore" dojoType="dojox.form.CheckedMultiSelect">
      </select>
    </form>

  </div>

</body>
</html>

Notice that I removed parseOnLoad: true from djConfig.

Re: dojo CheckedMultiSelect from store

SteveLi — Wed, 25 Jan 2012 22:34:59 GMT

Thanks for your help!

Re: dojo CheckedMultiSelect from store

SteveLi — Thu, 26 Jan 2012 13:18:03 GMT

Derek,

I have one more question. I need to set parseonload to true to work with ArcGIS JSAPI, right?

in that case, how do I address the original problem?

Thanks.

Li

Re: dojo CheckedMultiSelect from store

derekswingley1 — Thu, 26 Jan 2012 15:56:41 GMT

I would create the widget programmatically rather than using markup.