manipulador de eventos vinculado não acionando clique no botão de diálogo modal
Eu tenho um cenário que para mim soa assimSO post e outros que pediram algo parecido ... só que não estou entendendo o que os outros obtiveram desses posts, pois minha implementação está parcialmente falhando.
Basicamente, tenho uma página com um botão para adicionar um novo registro. Clique no botão Adicionar e uma caixa de diálogo modal será aberta. O diálogo modal é diferenteVisão que a página pai, obviamente os campos necessários para criar o registro.
Clicando em salvar (lembre-se de salvar é um botão no modal. Quero que meu evento de salvamento seja acionado, mas nunca ocorre ... nem recebo erros relatados nas ferramentas de desenvolvimento ou no violinista. Aqui está o código para iniciar o modal e nos comentários você verá até onde eu chego.
$(document).ready(function ()
{
$("#new").click(function (e) //attach new button works great
{
e.preventDefault(); //seems to work
var ischanging = false; //hard coded vars for testing
var financierid = 0;
var detailsWindow = $("#window").data("kendoWindow");//handle if existing window
if (!detailsWindow)
{
// create a new window, if there is none on the page
detailsWindow = $("#window")
// set its content to 'loading...' until the partial is loaded
.html("Loading...")
.kendoWindow(
{
....removed options for brevity
})
.data().kendoWindow.bind('refresh', function (e)//attach refresh
{
alert('bound'); //this alert displays after modal loads
$('#save').click(function (event)
{
alert('dqewewr');
//this alert never fires nor anything subsequent
event.preventDefault();
// take over and perform ajax post
alert('parent');
$.ajax(
{
type: "POST",
url: "@Html.Raw(Url.Action("CreateEdit", "Finance"))",
data: $(this).serialize(),
success: function (data) {
//here we check if called resulted in Success/Failure
if (data.Result === "Success")
{
alert('Finis');
}
else {
//Show error message or whatever.
}
}
})
});
}).center();
}
detailsWindow.open();
});
});
Meu modal éNÃO envolto em uma tag de formulário ... não achei que eu precisaria se estivesse usando uma postagem do ajax ...?
<span id="save" class="k-button" style="margin-right:10px;">Save</span>
Finalmente, apenas para ter certeza de que estou claro. Minha página pai é Configure.cshtml e meu modal é CreateEdit.cshtml .... em outras palavras, enquanto o modal está sendo gerado, atingimos o controller que faz seu trabalho e retorna a visualização CreateEdit preenchida com o modelo de acordo.
Isso me frustrou a semana toda e, enquanto pude trabalhar em outros itens, agora estou chegando ao ponto em que essa é uma das últimas coisas antes da conclusão desta tarefa.
Muito obrigado por qualquer ajuda.
Stephen Muecke ... se você vê isso mudar seus comentários para responder e vou marcar como foi isso que resolveu o problema para mim.