$(document).ready(function () {
    listar();
});
function listar() {    
    jQuery('#gridLP').jqGrid({
        url: "",
        datatype: 'json',
        colNames: ['ID Paq', 'ID NI', 'Preimpreso', 'ID Item', 'Item', 'Proveedor', 'F. Emisión',
            'Peso Total', 'Monto', 'Mon.', 'Almacen', 'EstadoNI',
            'UM', 'N° Paq', 'Edit', 'Anular', 'Convertir', 'Estado'],
        colModel: [
            {
                name: 'id_paq',
                index: 'id_paq',
                width: 8

            },
            {
                name: 'id_ni',
                index: 'id_ni',
                width: 20,
                align: 'center'
            },
            {
                name: 'preimpreso',
                index: 'preimpreso',
                width: 17,
                align: 'center'
            },
            {
                name: 'id_item',
                index: 'id_item',
                width: 10,
                align: 'center'
            },
            {
                name: 'item',
                index: 'item',
                width: 40
            },
            {
                name: 'proveedor',
                index: 'proveedor',
                width: 30
            },
            {
                name: 'fecha_emision',
                index: 'fecha_emision',
                width: 15,
                align: 'center'
            },
            {
                name: 'peso_total',
                index: 'peso_total',
                width: 10,
                align: 'right'
            },
            {
                name: 'monto',
                index: 'monto',
                width: 10,
                align: 'right'
            },
            {
                name: 'moneda',
                index: 'moneda',
                width: 8
            },
            {
                name: 'almacen',
                index: 'almacen',
                width: 25
            },
            {
                name: 'estado',
                index: 'estado',
                width: 12,
                hidden: true
            },
            {
                name: 'um',
                index: 'um',
                width: 6
            },
            {
                name: 'paquetes',
                index: 'paquetes',
                width: 8,
                align: 'right'
            },
            {
                name: 'edit',
                index: 'edit',
                width: 1,
                hidden: true
            },
            {
                name: 'acciones',
                index: 'acciones',
                width: 10,
                formatter: function radio(cellValue, option) {
                    //                                return '<center><a href="#"><img height="21" width="21" onclick="modificarPaquete(' + cellValue + ')"  src="imagen/icon_edit.gif" ></img></a>&nbsp;&nbsp;<a href="#"><img height="23" width="23" onclick="anularPaquete(' + cellValue + ')"  src="imagen/icon_anular.gif" ></img></center></a>';
                    return '<center>&nbsp;<a href="#"><img title="anular" height="23" width="23" onclick="anularPaquete(' + cellValue + ')"  src="imagen/delet2.png" ></img></center></a>';
                }
            },
            {
                name: 'convertir',
                index: 'convertir',
                width: 10,
                formatter: function radio(cellValue, option) {
                    return '<center><a href="#"><img title="convertir" height="25" onclick="convertirPaquete(' + cellValue + ')" width="25" name="' + cellValue + '" src="imagen/package_convert.png" ></img></center></a>';
                }
            },
            {
                name: 'estado_paq',
                index: 'estado_paq',
                width: 20
            }
        ],
        rowNum: 10,
        rowList: [10, 20, 30],
        mtype: 'POST',
        pager: jQuery('#divLP'),
        sortname: 'id',
        viewrecords: true,
        sortorder: "desc",
        width: $(window).width() - 55,
        height: "100%",
        // nSelectRow: subGridReferenciasImagenes,
        page: 1,
        onSelectRow: function (id) {

            //                var obj = jQuery("#gridNI").jqGrid('getRowData', id);
            //                var ids = obj.preimpreso;
            //                //alert("idmov"+obj.idmov);
            //                $("input[name='txtcodigoNI']").val(ids);
            //                if (obj.seleccionar) {
            //                    seleccionarNI(obj);
            //                }
        },
        caption: "Listado de Paquetes"
    });
}
