Mi error fue no haber establecido a false la propiedad closeOnConfirm de la primera alerta, que desencadena en la segunda.
Debe ser así:
Javascript
=========
$(Contenedor + 'btnGuardar').click(function () {
Controles_Validar_Reiniciar();
if (!Controles_Validar()) {
return false;
}
Dialogo_ConfirmarRegistro(); //1° Alerta
return false;
});
function Dialogo_ConfirmarRegistro() {
swal({
title: "Confirmar registro de notas",
text: "Las notas ingresadas van a ser registradas. ¿Desea continuar?",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Sí",
cancelButtonText: "No",
closeOnConfirm: false,
allowEscapeKey: true
},
function () {
Registrar_Notas();
}
);
return false;
}
function Registrar_Notas() {
var Contenedor = '#ContentPlaceHolder1_';
var CodSemestre = $(Contenedor + 'ddlSemestre').val();
var CodCompetencia = $(Contenedor + 'ddlCompetencia').val();
var CodCarga = $(Contenedor + 'hdnCodCarga').val();
var CodCurso = $(Contenedor + 'hdnCodCurso').val();
var CodNota = $(Contenedor + 'hdnNota').val();
var CodFecha = $(Contenedor + 'txtFecSesion').val();
var IdControl = '_txt' + CodNota + '_';
var IdCheck = '_chkSinNota_';
var arrNotas = new Array();
$(Contenedor + 'dtgNotas .css' + CodNota).each(function (index) {
var objNotas = {
CodAlumno: '',
CodNota: 0.00
};
objNotas.CodAlumno = $('#' + this.id.replace(IdControl, '_lblCodAlumno_')).text();
if ($('#' + this.id.replace(IdControl, IdCheck)).is(':checked')) {
objNotas.CodNota = -1.00;
}
else {
objNotas.CodNota = parseFloat(this.value);
}
arrNotas.push(objNotas);
});
var objParams = {
Semestre: CodSemestre,
CodCarga: CodCarga,
CodCurso: CodCurso,
CodCompetencia: CodCompetencia,
NumNota: CodNota,
FecSesion: CodFecha,
arrNotas: arrNotas
};
var arg = Sys.Serialization.JavaScriptSerializer.serialize(objParams);
MostrarEspera(true);
Registrar_Notas_Call(arg, function (result) {
var Entity = Sys.Serialization.JavaScriptSerializer.deserialize(result.split('~')[0]);
MostrarEspera(false);
if (Entity.Resultado == "1") {
//2° Alerta: Success
swal({
title: 'Operación completada',
text: 'Las notas ingresadas han sido registradas correctamente.',
type: 'success',
showCancelButton: false,
confirmButtonClass: 'btn-info',
confirmButtonText: 'Aceptar',
closeOnConfirm: false,
allowEscapeKey: false
},
function () {
Reiniciar_Formulario();
}
);
}
else {
Dialogo_Error(Entity.MsgError); //2° Alerta: Error
}
$(Contenedor + 'hdnMsgError').val(Entity.MsgError);
$(Contenedor + 'hdnMsgErrorBD').val(Entity.MsgBD);
return false;
});
return false;
}
function Dialogo_Error(MsgError) {
swal({
title: 'Operación no completada',
text: MsgError,
type: "warning",
showConfirmButton: false,
showCancelButton: true,
cancelButtonText: "Aceptar",
closeOnConfirm: false,
allowEscapeKey: true
});
return false;
}
Mostrando entradas con la etiqueta jQuery UI. Mostrar todas las entradas
Mostrando entradas con la etiqueta jQuery UI. Mostrar todas las entradas
lunes, 2 de mayo de 2016
viernes, 17 de mayo de 2013
Pasar más de un parámetro al jQuery autocomplete
Normalmente pasamos un sólo valor al autocomplete: el valor escrito en el textbox (request.term). ¿Y si queremos pasar algún otro valor, por ejemplo, para usarlo como parámetro en un sp?
HTML
====
<table width="800px" border="0">
<tr>
<td style="width:90px;">
N° Nota Salida
</td>
<td>
<asp:TextBox ID="txtNumeroDoc" runat="server" Width="80px" MaxLength="10" CssClass="IntegerType">
</td>
<td>
<asp:HiddenField runat="server" ID="hdnCodUsuario" Value="1" />
</td>
</tr>
</table>
Javascript
==========
$(document).ready(function () {
$('#txtNumeroDoc').autocomplete({
source: function (request, response) {
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: '../../ws/autocomplete.asmx/NotaIngresoSalida',
data: "{'tag': '" + request.term + "', 'CodUsuario': '" + $('#hdnCodUsuario').val() + "'}",
dataType: 'json',
async: true,
success: function (data) {
response($.map(data.d, function (item) {
return {
value: item.value,
label: item.label,
seriedoc: item.seriedoc,
numerodoc: item.numerodoc
};
}));
},
error: function (result) {
alert('No se pudo cargar la lista de notas de salida.');
}
});
},
minLength: 2,
select: function (event, ui) {
NotaIngresoSalida_Buscar(ui.item.seriedoc, ui.item.numerodoc);
}
});
});
function NotaIngresoSalida_Buscar(strSerieDoc, strNumeroDoc) {
alert(strSerieDoc + '-' + strNumeroDoc);
return false;
}
WebServices
===========
<WebMethod()> _
Public Function NotaIngresoSalida(ByVal tag As String, ByVal CodUsuario As String) As Object
Dim output As String = ""
Dim lhtbResultado = New With {.value = "", .label = "", .seriedoc = "", .numerodoc = ""}
Dim Lista = {lhtbResultado}.ToList()
Try
Dim objbnNotaIngresoSalida As New bnNotaIngresoSalida
Dim dt As New DataTable
dt = objbnNotaIngresoSalida.pf_NotaIngresoSalida_Salidas_Autocomplete(tag, CodUsuario)
If dt.Rows.Count > 0 Then
Lista.RemoveAt(0)
For i = 0 To dt.Rows.Count - 1
Dim lhtbItem = New With {.value = "", .label = "", .seriedoc = "", .numerodoc = ""}
With lhtbItem
.value = dt(i).Item(0)
.label = dt(i).Item(0)
.seriedoc = dt(i).Item(1)
.numerodoc = dt(i).Item(2)
End With
Lista.Add(lhtbItem)
Next
End If
output = Lista.ToString()
Catch ex As Exception
End Try
Return Lista
End Function
HTML
====
<table width="800px" border="0">
<tr>
<td style="width:90px;">
N° Nota Salida
</td>
<td>
<asp:TextBox ID="txtNumeroDoc" runat="server" Width="80px" MaxLength="10" CssClass="IntegerType">
</td>
<td>
<asp:HiddenField runat="server" ID="hdnCodUsuario" Value="1" />
</td>
</tr>
</table>
Javascript
==========
$(document).ready(function () {
$('#txtNumeroDoc').autocomplete({
source: function (request, response) {
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: '../../ws/autocomplete.asmx/NotaIngresoSalida',
data: "{'tag': '" + request.term + "', 'CodUsuario': '" + $('#hdnCodUsuario').val() + "'}",
dataType: 'json',
async: true,
success: function (data) {
response($.map(data.d, function (item) {
return {
value: item.value,
label: item.label,
seriedoc: item.seriedoc,
numerodoc: item.numerodoc
};
}));
},
error: function (result) {
alert('No se pudo cargar la lista de notas de salida.');
}
});
},
minLength: 2,
select: function (event, ui) {
NotaIngresoSalida_Buscar(ui.item.seriedoc, ui.item.numerodoc);
}
});
});
function NotaIngresoSalida_Buscar(strSerieDoc, strNumeroDoc) {
alert(strSerieDoc + '-' + strNumeroDoc);
return false;
}
WebServices
===========
<WebMethod()> _
Public Function NotaIngresoSalida(ByVal tag As String, ByVal CodUsuario As String) As Object
Dim output As String = ""
Dim lhtbResultado = New With {.value = "", .label = "", .seriedoc = "", .numerodoc = ""}
Dim Lista = {lhtbResultado}.ToList()
Try
Dim objbnNotaIngresoSalida As New bnNotaIngresoSalida
Dim dt As New DataTable
dt = objbnNotaIngresoSalida.pf_NotaIngresoSalida_Salidas_Autocomplete(tag, CodUsuario)
If dt.Rows.Count > 0 Then
Lista.RemoveAt(0)
For i = 0 To dt.Rows.Count - 1
Dim lhtbItem = New With {.value = "", .label = "", .seriedoc = "", .numerodoc = ""}
With lhtbItem
.value = dt(i).Item(0)
.label = dt(i).Item(0)
.seriedoc = dt(i).Item(1)
.numerodoc = dt(i).Item(2)
End With
Lista.Add(lhtbItem)
Next
End If
output = Lista.ToString()
Catch ex As Exception
End Try
Return Lista
End Function
lunes, 13 de mayo de 2013
Obtener el id del tr que contiene un input específico
¿Cuál es el ID de la fila de una tabla que contiene un textbox que está siendo procesado por nuestro script?
HTML
====
<div id="divMod2" class="divNeumatConfig" style="display:none;">
<table style="width:850px;" class="ui-widget ui-widget-content ui-corner-all">
<tr>
<td align="center">
<table border="0" width="840px">
<tr id="trMod2Eje1">
<td colspan="2" align="right">
<asp:TextBox runat="server" ID="txtMod2Pos1" Width="80px" CssClass="CodNeumatico" style="text-align:center"></asp:TextBox>
</td>
<td class="celdanegra">1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="celdanegra">2</td>
<td colspan="2" align="left">
<asp:TextBox runat="server" ID="txtMod2Pos2" Width="80px" CssClass="CodNeumatico" style="text-align:center"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<asp:TextBox runat="server" ID="txtMod2Pos1Med" CssClass="BorderlessRight"></asp:TextBox><asp:ImageButton ID="imgMod2Pos1" runat="server" CssClass="imgMarca" ImageUrl="~/images/neumaticos/nothing.png" Height="27px" Width="30px" ImageAlign="AbsMiddle"/>
</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2">
<asp:ImageButton ID="imgMod2Pos2" runat="server" CssClass="imgMarca" ImageUrl="~/images/neumaticos/nothing.png" Height="27px" Width="30px" ImageAlign="AbsMiddle"/><asp:TextBox runat="server" ID="txtMod2Pos2Med" CssClass="BorderlessLeft"></asp:TextBox>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
JavaScript
==========
$('#divMod' + $(Contenedor + 'hdnModeloCfg').val() + ' .CodNeumatico').each(function (index) {
intPosicion = parseInt(this.id.split('Pos')[1], 10);
intEje = parseInt($(this).closest('tr').attr('id').split('Eje')[1],10);
var objNeumatConf = {
CodNeumatico: $('#' + this.id).val(),
Eje: intEje,
Posicion: intPosicion
};
arrNeumaticos.push(objNeumatConf);
});
HTML
====
<div id="divMod2" class="divNeumatConfig" style="display:none;">
<table style="width:850px;" class="ui-widget ui-widget-content ui-corner-all">
<tr>
<td align="center">
<table border="0" width="840px">
<tr id="trMod2Eje1">
<td colspan="2" align="right">
<asp:TextBox runat="server" ID="txtMod2Pos1" Width="80px" CssClass="CodNeumatico" style="text-align:center"></asp:TextBox>
</td>
<td class="celdanegra">1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="celdanegra">2</td>
<td colspan="2" align="left">
<asp:TextBox runat="server" ID="txtMod2Pos2" Width="80px" CssClass="CodNeumatico" style="text-align:center"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<asp:TextBox runat="server" ID="txtMod2Pos1Med" CssClass="BorderlessRight"></asp:TextBox><asp:ImageButton ID="imgMod2Pos1" runat="server" CssClass="imgMarca" ImageUrl="~/images/neumaticos/nothing.png" Height="27px" Width="30px" ImageAlign="AbsMiddle"/>
</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2">
<asp:ImageButton ID="imgMod2Pos2" runat="server" CssClass="imgMarca" ImageUrl="~/images/neumaticos/nothing.png" Height="27px" Width="30px" ImageAlign="AbsMiddle"/><asp:TextBox runat="server" ID="txtMod2Pos2Med" CssClass="BorderlessLeft"></asp:TextBox>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
JavaScript
==========
$('#divMod' + $(Contenedor + 'hdnModeloCfg').val() + ' .CodNeumatico').each(function (index) {
intPosicion = parseInt(this.id.split('Pos')[1], 10);
intEje = parseInt($(this).closest('tr').attr('id').split('Eje')[1],10);
var objNeumatConf = {
CodNeumatico: $('#' + this.id).val(),
Eje: intEje,
Posicion: intPosicion
};
arrNeumaticos.push(objNeumatConf);
});
martes, 23 de abril de 2013
Ocultar título de un dialog específico
La idea es asignar un nombre único de clase al diálogo (por ejemplo, "alert"), para luego ocultar la barra de título del diálogo que tenga la clase especificada.
//Diálogo "Procesando...". No lleva barra de título.
function MostrarEspera(pboolMostrar) {
if (pboolMostrar) {
$('#dlgWait').dialog({
autoOpen: false,
modal: true,
height: 'auto',
dialogClass: 'alert'
});
$('.alert div.ui-dialog-titlebar').hide();
$('.ui-button').remove(); //Opcional: remueve el botón Cerrar (x) de TODOS los diálogos...
$('#dlgWait').dialog('open');
}
else {
$('#dlgWait').dialog('close');
}
}
//Diálogo para editar un item. Lleva barra de título.
function EditRow(HlkControlID) {
$('#dlgEditarNeumatico').dialog({
autoOpen: false,
modal: true,
height: 'auto',
width: 1100,
dialogClass: 'Edit'
});
$('#dlgEditarNeumatico').dialog('open');
$('.ui-button').remove();
return false;
}
//Diálogo "Procesando...". No lleva barra de título.
function MostrarEspera(pboolMostrar) {
if (pboolMostrar) {
$('#dlgWait').dialog({
autoOpen: false,
modal: true,
height: 'auto',
dialogClass: 'alert'
});
$('.alert div.ui-dialog-titlebar').hide();
$('.ui-button').remove(); //Opcional: remueve el botón Cerrar (x) de TODOS los diálogos...
$('#dlgWait').dialog('open');
}
else {
$('#dlgWait').dialog('close');
}
}
//Diálogo para editar un item. Lleva barra de título.
function EditRow(HlkControlID) {
$('#dlgEditarNeumatico').dialog({
autoOpen: false,
modal: true,
height: 'auto',
width: 1100,
dialogClass: 'Edit'
});
$('#dlgEditarNeumatico').dialog('open');
$('.ui-button').remove();
return false;
}
Suscribirse a:
Entradas (Atom)