Question

I am trying to pass the value in a text box as a query parameter in a dojo data grid and would like to get clarified on two questions listed below. The dojo grid initiates a call to the server with the query params to initiate a search and bring back results (that is diplayed on the data grid)

1. Is it possible to reload the gird based on the value in the text by invoking refresh (dijit.byId(“mygrid”).refresh

2. If yes, how can I pass the value of the text box as a query parameter to the data grid.

Listed below is my relevant code

        function reload(){
        dijit.byId("mygrid").refresh;
    }


     <div class="test"> 
            <input id="searchParam" >
            <button dojoType="dijit.form.Button" type="submit" onclick=reload()>
                Search
            </button> 


        </div>

    <div    dojoType="dojox.grid.DataGrid"
                                id="mygrid" 
                                jsid="mygrid"
                                      store="dojox.data.JsonRestStore"
     target="<c:url value='members' />">
                                query="{ 
                                searchCriteria: ? TODO How to pass value of text box here?,

                                }"
                                rowsPerPage="1000"
                                autoWidth="true"

                                autoHeight="true"
                                selectionMode="single"
                                selectable="true"
                                errorMessage="Error loading data"
                                noDataMessage="<span class='dojoxGridNoData'>No members found.</span>">
                </div>

Answer 1

You should be able do something like the following:

function reload() {
    var val = dojo.byId('searchParam').attr('value');
    dijit.byId("mygrid").setQuery({ propName: val });
}

You will need to properly build the query { propName: val }.