Extension jQuery EasyUI -DWR Loader

Extension jQuery EasyUI

Inclure le fichier 'dwrloader.js'

Pour utiliser DWR afin de récupérer des données, vous devez d'abord inclure le fichier 'dwrloader.js'.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="dwrloader.js.html"></script>

Affecter la méthode DWR à l'attribut 'url'

En tant que chargeur JSON par défaut, l'attribut 'url' représente l'URL distante à partir de laquelle récupérer des données JSON.
Lorsqu'on utilise le chargeur DWR, nous devons affecter une fonction à l'attribut 'url' pour récupérer des données depuis DWR.
L'exemple suivant montre comment afficher une grille de données (datagrid) à l'aide du chargeur DWR :

    <table id="dg"></table>
    $(function(){
        $('#dg').datagrid({
            columns: [[
                {field:"id",title:'ID',width:80},
                {field:"text",title:'Text',width:100}
            ]],
            singleSelect: true,
            autoRowHeight: false,
            width: 200,
            height: 200,
            url: MyTest.getDataGridData
        });
    });

Code de test Java

public class Test {
    public List<Map<String,Object>> getDataGridData(){
        List<Map<String,Object>> items = new ArrayList<Map<String,Object>>();
        Map<String,Object> item = new HashMap<String,Object>();
        item.put("id", 1);
        item.put("text", "text1");
        items.add(item);
        item = new HashMap<String,Object>();
        item.put("id", 2);
        item.put("text", "text2");
        items.add(item);
        return items;
    }
}

Télécharger les exemples jQuery EasyUI

jquery-easyui-dwrloader.zip

Extension jQuery EasyUI