JSFiddle - React, Tailwind, and code Playground

by spanja

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.7.3/dijit/themes/claro/claro.css">


<div class="row">
    <label for="comboBox2Placeholder">
        Memory:
    </label>
    <div id="comboBox2Placeholder"></div>
</div>

JavaScript

require([
    "dojo/_base/declare",
    "dojo/_base/array",
    "dojo/json",
    "dojo/ready",
    "dojo/store/Memory",
    "dojo/store/JsonRest",
    "dijit/form/ComboBox",
    "dojo/domReady!"
], function(
    declare,
    array,
    JSON,
    ready,
    Memory,
    JsonRest,
    ComboBox
) {
  
var stateStore = new Memory({
        data: [
            {name:"Alabama", id:"AL"},
            {name:"Alaska", id:"AK"},
            {name:"American Samoa", id:"AS"},
            {name:"Arizona", id:"AZ"},
            {name:"Arkansas", id:"AR"},
            {name:"Armed Forces Europe", id:"AE"},
            {name:"Armed Forces Pacific", id:"AP"},
            {name:"Armed Forces the Americas", id:"AA"},
            {name:"California", id:"CA"},
            {name:"Colorado", id:"CO"},
            {name:"Connecticut", id:"CT"},
            {name:"Delaware", id:"DE"}
        ]
    });

    ready(function(){
        var comboBox = new ComboBox({
            id: "stateSelect",
            name: "state",
            autoComplete: false,
            value: "California",
            store: stateStore,
            searchAttr: "name"
        }, "comboBox2Placeholder");
        
        comboBox.set('queryExpr', '*${0}*');
    });
    
});