necesito una manito, tengo mi ventana modal dialog con paginación de 5 -10 y 15 registros y en la parte de abajo va pasando pagina por pagina.. aquí todo o.k, el problema es que cuando le doy el prime click en la búsqueda me trae todos los registros sin paginarmelos, hasta que no le doy ítems por pagina de 5, 10 o 15 no me toma esa paginación, lo que quiero es que me salga a la primera de a 5 registros al prime click y no todos los registros. ayuda.
función
var producto = name;
var identidad = cod;
if (cod.length != 0 || name.length != 0) {
$.ajax({
url: url,
type: "POST",
dataType: "html",
error: AjaxFailure,
beforeSend: AjaxBegin,
data: { productoNombre: producto, identidad: identidad },
success: function (data) {
AjaxComplete();
$("#dialog").dialog({
bigframe: true,
modal: true,
autoOpen: false,
width: 900,
heigth: 700,
resizable: false
});
$("#progressbar").hide();
$("#dialog").html(data).dialog('open');
console.log("Entregó los datos al #dialog");
}
});
}
else {
alert("<p>Debe ingresar una opcion de busqueda</p>", $(window).height() / 3)
this.abort();
}
}
vista donde pagino.
Cita:
@model IEnumerable<SifActivoFijo.Models.GN_Portafolio>
<form class="items">
<label>items por Pagina: </label>
<select>
<option>5</option>
<option>10</option>
<option>15</option>
</select>
</form>
<input name="button" type="button" onclick="$('#dialog').dialog('close');" value="Cerrar" />
<table class="tablas">
<thead>
<tr>
<th>
@Html.DisplayNameFor(model => model.CodigoPortafolio)
</th>
<th>
@Html.DisplayNameFor(model => model.NombrePortafolio)
</th>
<th></th>
</tr>
</thead>
<tbody id="pagina">
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.CodigoPortafolio)
</td>
<td>
@Html.DisplayFor(modelItem => item.NombrePortafolio)
</td>
<td>
<input class="seleccion" type="button" value="Seleccionar" />
</td>
</tr>
}
</tbody>
</table>
<div class="holder"></div>
<script type="text/javascript">
$(document).ready(function () {
$('input.seleccion').click(function () {
var codigo = $(this).parent().prev().prev();
var nombre = $(this).parent().prev();
$('#GN_Portafolio_CodigoPortafolio').val($.trim(co digo.text()));
$('#nombrePortafolio').val($.trim(nombre.text()));
document.getElementById("dialog").innerHTML = '<div id="progressbar" class="progressbar" style="display: none;"></div>';
$("#dialog").dialog('close');
});
});
$(function () {
/* initiate plugin */
$("div.holder").jPages({
containerID: "pagina",
perPage: 5,
previous: "Anterior",
next: "Siguiente",
keyBrowse: true
});
/* on select change */
$("select").change(function () {
/* get new nº of items per page */
var newPerPage = parseInt($(this).val());
/* destroy jPages and initiate plugin again */
$("div.holder").jPages("destroy").jPages({
containerID: "pagina",
perPage: newPerPage,
previous: "Anterior",
next: "Siguiente",
keyBrowse: true
});
});
});
</script>
<form class="items">
<label>items por Pagina: </label>
<select>
<option>5</option>
<option>10</option>
<option>15</option>
</select>
</form>
<input name="button" type="button" onclick="$('#dialog').dialog('close');" value="Cerrar" />
<table class="tablas">
<thead>
<tr>
<th>
@Html.DisplayNameFor(model => model.CodigoPortafolio)
</th>
<th>
@Html.DisplayNameFor(model => model.NombrePortafolio)
</th>
<th></th>
</tr>
</thead>
<tbody id="pagina">
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.CodigoPortafolio)
</td>
<td>
@Html.DisplayFor(modelItem => item.NombrePortafolio)
</td>
<td>
<input class="seleccion" type="button" value="Seleccionar" />
</td>
</tr>
}
</tbody>
</table>
<div class="holder"></div>
<script type="text/javascript">
$(document).ready(function () {
$('input.seleccion').click(function () {
var codigo = $(this).parent().prev().prev();
var nombre = $(this).parent().prev();
$('#GN_Portafolio_CodigoPortafolio').val($.trim(co digo.text()));
$('#nombrePortafolio').val($.trim(nombre.text()));
document.getElementById("dialog").innerHTML = '<div id="progressbar" class="progressbar" style="display: none;"></div>';
$("#dialog").dialog('close');
});
});
$(function () {
/* initiate plugin */
$("div.holder").jPages({
containerID: "pagina",
perPage: 5,
previous: "Anterior",
next: "Siguiente",
keyBrowse: true
});
/* on select change */
$("select").change(function () {
/* get new nº of items per page */
var newPerPage = parseInt($(this).val());
/* destroy jPages and initiate plugin again */
$("div.holder").jPages("destroy").jPages({
containerID: "pagina",
perPage: newPerPage,
previous: "Anterior",
next: "Siguiente",
keyBrowse: true
});
});
});
</script>
