ASP BUTTON EM UM MODAL
Boa tarde , Gente coloquei um modal na tela de cadastros para incluir um contato .
certo
tem todos os campos com asp:textbox tudo certinho la
porem nenhum dos botoes que estão neste modal funcionam tanto no code-behind quanto no proprio aspx. coloquei um alert para quando fizer o click do botao ele me informar um [Ô]teste[Ô] e tbm nao funcionou este botao vai realizar o save dos dados que incluir no modal
alguem sabe me dizer como posso fazer isso obrigado
certo
tem todos os campos com asp:textbox tudo certinho la
porem nenhum dos botoes que estão neste modal funcionam tanto no code-behind quanto no proprio aspx. coloquei um alert para quando fizer o click do botao ele me informar um [Ô]teste[Ô] e tbm nao funcionou este botao vai realizar o save dos dados que incluir no modal
alguem sabe me dizer como posso fazer isso obrigado
Modal, você se refere à que? Uma dialog modal do JQueryUI, ou uma nova janela de navegador?
dialog do jquery
Se você está criando o conteúdo da janela dinamicamente, não vai funcionar. Eu faço assim:
Crio uma div com o conteúdo que quero, incluindo botões(mas não botões de submit, botões normais) e a deixo invisÃvel
Para exibir, deixo a div visÃvel novamente e exibo o conteúdo dentro de uma dialog.
A ação do botão é por chamada AJAX, não por post. Raramente uso botões de post
Crio uma div com o conteúdo que quero, incluindo botões(mas não botões de submit, botões normais) e a deixo invisÃvel
Para exibir, deixo a div visÃvel novamente e exibo o conteúdo dentro de uma dialog.
A ação do botão é por chamada AJAX, não por post. Raramente uso botões de post
perfeito fiz dessa mesma forma criei uma div. inclui os campos e botoes ficando então assim
<div id=[Ô]modalContatos[Ô]>
<div class=[Ô]modal-content[Ô]>
<div class=[Ô]modal-header[Ô]>
<button type=[Ô]button[Ô] class=[Ô]close[Ô]>
×</button>
<h4 class=[Ô]modal-title[Ô]>
Incluir novo contato</h4>
</div>
<div class=[Ô]modal-body[Ô]>
<div class=[Ô]row[Ô]>
<label>
Nome</label><br />
<input type=[Ô]text[Ô] id=[Ô]txtNomeContatoModal[Ô] class=[Ô]form-control[Ô] />
<label>
Telefone</label><br />
<input type=[Ô]text[Ô] class=[Ô]form-control[Ô] id=[Ô]txtTelefoneContatoModal[Ô] />
<label>
Email</label><br />
<input type=[Ô]text[Ô] id=[Ô]txtEmailContatoModal[Ô] class=[Ô]form-control[Ô]><br />
</div>
</div>
<div class=[Ô]modal-footer[Ô]>
<button type=[Ô]button[Ô] id=[Ô]btnFechar[Ô] class=[Ô]btn btn-default[Ô]>
Fechar</button>
<button type=[Ô]button[Ô] id=[Ô]btnSalvar[Ô] class=[Ô]btn btn-primary[Ô]>
Salvar</button>
</div>
</div>
</div>
A CHAMADA DO DIALOG
$(function () {
$([Ô]#modalContatos[Ô]).dialog({
autoOpen: false,
width: 700,
modal: true,
show: {
effect: [Ô]slide[Ô],
duration: 500
},
hide: {
duration: 250
}
});
$([Ô]#btnAdicionarContato[Ô]).click(function () {
$([Ô]#modalContatos[Ô]).dialog([Ô]open[Ô]);
});
});
na chamada do botao salvar;
$([Ô]#btnSalvar[Ô]).click(function () {
SalvarContato();
});
e a função SalvarContato está assim.
function SalvarContato() {
var nomecontato = $([Ô]#txtNomeContatoModal[Ô]).val();
var telefonecontato = $([Ô]#txtTelefoneContatoModal[Ô]).val();
var emailcontato = $([Ô]#txtEmailContatoModal[Ô]).val();
var winWait = [Ô]<div>Aguarde, Salvando</div>[Ô];
janelawait = $(winWait).dialog({ title: [Ô]Aguarde[Ô], width: 350, modal: true, dialogClass: [Ô]no-close[Ô] });
$.ajax({
type: [Ô]POST[Ô],
url: [Ô]CadastroCliente.aspx/InserirContato[Ô],
data: [Ô]{}[Ô],
contentType: [Ô]application/json;charset=utf-8[Ô],
dataType: [Ô]json[Ô],
success: function (msg) {
janelawait.dialog([Ô]close[Ô]);
$([Ô]<div>Login salvo</div>[Ô]).dialog({});
},
error: function (xhr, ajaxOptions, thrownError) {
janelawait.dialog([Ô]close[Ô]);
}
});
}
<div id=[Ô]modalContatos[Ô]>
<div class=[Ô]modal-content[Ô]>
<div class=[Ô]modal-header[Ô]>
<button type=[Ô]button[Ô] class=[Ô]close[Ô]>
×</button>
<h4 class=[Ô]modal-title[Ô]>
Incluir novo contato</h4>
</div>
<div class=[Ô]modal-body[Ô]>
<div class=[Ô]row[Ô]>
<label>
Nome</label><br />
<input type=[Ô]text[Ô] id=[Ô]txtNomeContatoModal[Ô] class=[Ô]form-control[Ô] />
<label>
Telefone</label><br />
<input type=[Ô]text[Ô] class=[Ô]form-control[Ô] id=[Ô]txtTelefoneContatoModal[Ô] />
<label>
Email</label><br />
<input type=[Ô]text[Ô] id=[Ô]txtEmailContatoModal[Ô] class=[Ô]form-control[Ô]><br />
</div>
</div>
<div class=[Ô]modal-footer[Ô]>
<button type=[Ô]button[Ô] id=[Ô]btnFechar[Ô] class=[Ô]btn btn-default[Ô]>
Fechar</button>
<button type=[Ô]button[Ô] id=[Ô]btnSalvar[Ô] class=[Ô]btn btn-primary[Ô]>
Salvar</button>
</div>
</div>
</div>
A CHAMADA DO DIALOG
$(function () {
$([Ô]#modalContatos[Ô]).dialog({
autoOpen: false,
width: 700,
modal: true,
show: {
effect: [Ô]slide[Ô],
duration: 500
},
hide: {
duration: 250
}
});
$([Ô]#btnAdicionarContato[Ô]).click(function () {
$([Ô]#modalContatos[Ô]).dialog([Ô]open[Ô]);
});
});
na chamada do botao salvar;
$([Ô]#btnSalvar[Ô]).click(function () {
SalvarContato();
});
e a função SalvarContato está assim.
function SalvarContato() {
var nomecontato = $([Ô]#txtNomeContatoModal[Ô]).val();
var telefonecontato = $([Ô]#txtTelefoneContatoModal[Ô]).val();
var emailcontato = $([Ô]#txtEmailContatoModal[Ô]).val();
var winWait = [Ô]<div>Aguarde, Salvando</div>[Ô];
janelawait = $(winWait).dialog({ title: [Ô]Aguarde[Ô], width: 350, modal: true, dialogClass: [Ô]no-close[Ô] });
$.ajax({
type: [Ô]POST[Ô],
url: [Ô]CadastroCliente.aspx/InserirContato[Ô],
data: [Ô]{}[Ô],
contentType: [Ô]application/json;charset=utf-8[Ô],
dataType: [Ô]json[Ô],
success: function (msg) {
janelawait.dialog([Ô]close[Ô]);
$([Ô]<div>Login salvo</div>[Ô]).dialog({});
},
error: function (xhr, ajaxOptions, thrownError) {
janelawait.dialog([Ô]close[Ô]);
}
});
}
Hehe, você ainda usa o template exatamente como te passei! Bacana! E então, funcionou?
rsrs .. fiz apenas algumas modificações rsrsrs ... então ainda nao funcionou.. no chamada no ajax ele encontra um erro. coloquei um alert no Else e ele cai direto no alert.! esta acontecendo algum problema nessa questão .!
nao sei dizer qual é mais a chamada esta tudo correto conferi n vezes isto .!
nao sei dizer qual é mais a chamada esta tudo correto conferi n vezes isto .!
Verifique se o método InserirContato está estático. Os parâmetros de erro, podem ser consultados, eles têm parâmetros contendo inclusive a mensagem de erro na variável [Ô]thrownError[Ô]:
alert(thrownError);
alert(xhr.responseText);
alert(thrownError);
alert(xhr.responseText);
unexpected token <
esse foi o erro q o trownError deu .!
mais conferi pelo código asp.net esta tudo ok no html
estranho
esse foi o erro q o trownError deu .!
mais conferi pelo código asp.net esta tudo ok no html
estranho
Estranho mesmo, está sendo chamado o método no c#?
[WebMethod]
public static void InserirContato(string nomecontato, string telefonecontato, string emailcontato)
{
string a = [Ô](11)[Ô] + telefonecontato ;
}
coloquei esse codigo dentro soh para poder dar um break no codigo mais nao esta indo
public static void InserirContato(string nomecontato, string telefonecontato, string emailcontato)
{
string a = [Ô](11)[Ô] + telefonecontato ;
}
coloquei esse codigo dentro soh para poder dar um break no codigo mais nao esta indo
Tópico encerrado , respostas não são mais permitidas