jQuery EasyUI DataGridAgregar casillas de verificación

Este ejemplo demuestra cómo colocar una columna de casillas de verificación en el DataGrid. Mediante las casillas de verificación, el usuario podrá seleccionar/deseleccionar los datos de las filas de la cuadrícula.

Para agregar una columna de casillas de verificación, solo necesitamos agregar la propiedad checkbox a una columna y establecerla en true. El código se muestra a continuación:

    <table id="tt" title="Checkbox Select" class="easyui-datagrid" style="width:550px;height:250px"
            url="data/datagrid_data.json"
            idField="itemid" pagination="true"
            iconCls="icon-save">
        <thead>
            <tr>
                <th field="ck" checkbox="true"></th>
                <th field="itemid" width="80">Item ID</th>
                <th field="productid" width="80">Product ID</th>
                <th field="listprice" width="80" align="right">List Price</th>
                <th field="unitcost" width="80" align="right">Unit Cost</th>
                <th field="attr1" width="100">Attribute</th>
                <th field="status" width="60" align="center">Status</th>
            </tr>
        </thead>
    </table>

El código anterior agrega una columna con la propiedad checkbox, por lo que se convertirá en una columna de casillas de verificación. Si se ha configurado la propiedad idField, la colección de selecciones del DataGrid se mantendrá en diferentes páginas.

Descargar ejemplo de jQuery EasyUI

jeasyui-datagrid-datagrid10.zip