jQuery EasyUI Extensión -Cargador DWR (DWR Loader)
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 Extensión Otras extensiones