<head>
</head>
<body>
<!--
<div class='cols-sample-area'>
-->
<div class="module-header">
<div class="row">
<div class="col-xs-10 col-sm-10">
<h1>
<?php echo $titulo ?>
<span><?php echo image($this->url_img) ?></span>
</h1>
</div>
</div>
</div>
<div class="module-body">
<div id="Grid"></div>
<script type="text/javascript">
$(function () {
var data = ej.DataManager({
url: "<?php echo URL_ROOT ?>/Reporte/reporte_usuario_eventos_datos", adaptor: "UrlAdaptor"
});
$("#Grid").ejGrid({
dataSource: data,
allowPaging: true,
//pageSettings: { pageSize: 100, pageSizeList: [10,25,50,100] },
pageSettings: { enableQueryString: true, pageSize: 100, pageSizeList: [10,25,50,100] },
locale: "es-ES",
allowGrouping : true,
allowSorting: true,
allowFiltering: true,
filterSettings:{filterType:"menu"},
//filterSettings: { filterType: "excel" }, //no funciona del lado del servidor
allowScrolling: true,
scrollSettings: { width: "100%", height: "100%" },
allowSearching: true,
isResponsive: true,
toolbarSettings: { showToolbar: true, toolbarItems: ["search"]},
showSummary: true,
summaryRows: [{
title: "Total Eventos",
summaryColumns: [{
summaryType: ej.Grid.SummaryType.Count,
displayColumn: "evento_descripcion",
dataMember: "evento_descripcion",
format: "{0:N0}"
}], showTotalSummary: true
}],
columns: [
{ field: "usuario_nombre", headerText: 'Usuario', width: 80},
{ field: "usuario_email", headerText: 'Usuario Email', width: 80},
{ field: "usuario_descripcion", headerText: "Usuario Desc.", width: 90},
{ field: "cuit", headerText: 'CUIT', width: 80},
{ field: "razon_social", headerText: 'Razón Social', width: 80},
{ field: "oportunidad", headerText: 'Oportunidad', width: 90 },
{ field: "campana", headerText: 'Campaña', width: 90 },
{ field: "fecha_programada", headerText: 'Fecha', width: 80,type:"date",format: "{0:dd/MM/yyyy}"},
{ field: "evento_estado", headerText: 'Estado', width: 80},
{ field: "evento_descripcion", headerText: 'Descripcion', width: 80},
]
});
});
</script>
</div>
<style>
.cols-sample-area {
margin: 0 auto;
float: none;
}
</style>
pageSizeList appears but disabled.