jQuery EasyUI Extensión -Cargador DWR (DWR Loader)


jQuery EasyUI 扩展jQuery EasyUI Extensión

Incluya el archivo 'dwrloader.js'

Para usar DWR y obtener datos, primero debe incluir el archivo '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>

Asigne el método DWR al atributo 'url'

Como cargador json predeterminado, el atributo 'url' representa la URL remota para obtener datos json.
Cuando se utiliza el cargador DWR, debemos asignar una función al atributo 'url' para obtener datos de DWR.
El siguiente ejemplo demuestra cómo mostrar una cuadrícula de datos (datagrid) usando el cargador 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
        });
    });

Código de prueba 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;
    }
}

Descargar ejemplos de jQuery EasyUI

jquery-easyui-dwrloader.zip


jQuery EasyUI 扩展jQuery EasyUI Extensión Otras extensiones