Red de conocimiento informático - Material del sitio web - Cómo utilizar correctamente la cuadrícula de datos de Jquery EasyUI

Cómo utilizar correctamente la cuadrícula de datos de Jquery EasyUI

$('#grid').datagrid({ // Ubica la etiqueta de la tabla con la cuadrícula de ID

url: '/xxx/xxx', //Señala la operación en segundo plano para obtener la información del menú actual en Formato Json

título: 'xxxxxxxxxx',

iconCls: 'icon-view',

ajuste: verdadero,

fitColumns: verdadero,

nowrap: verdadero,

autoRowHeight: falso,

rayado: [50, 100, 200],

números de fila: verdadero,

sortOrder: asc',

remotoSort: falso,

singleSelect: verdadero, //selecciona filas de forma única

método: 'post ',

idField: 'ID',

queryParams: queryData, //parámetros para consultas asincrónicas

columnas: [

{ título: "ID", campo: "ID", ancho: 95, oculto: verdadero },

{ título: "Bono", campo: "Bono", ancho: 95, oculto: verdadero },

]],

barra de herramientas: barra de herramientas,

onLoadSuccess: función (d) {

$(".xx" ) .tooltip(

{

posición: "derecha",

onShow: función () {

$(esto). información sobre herramientas ('tip').css({

ancho: '300px',

boxShadow: '1px 1px 3px # 292929'

});

p>

}

}

);

/Establecer el estado de otros controles

if (d .total > 0 ) {

} más {

}

},

onDblClickRow: función (rowIndex, rowData) {

}

})

};