Jquery ui 使用jQuery对话框的Zend Framework Ajax链接
在过去的3周里,我尝试使用jQuery对话框创建ajaxLink。我有一个delete Bookmark函数,希望出现一个对话框,在弹出Ajax请求并删除书签之前,您必须确认是否要删除书签 我假设我必须向beforeSend函数中添加一些内容,但我不知道需要在其中编写什么。有人能告诉我需要做什么吗?我希望有人知道答案,我没有主意了。提前非常感谢 这里是我迄今为止的源代码:Jquery ui 使用jQuery对话框的Zend Framework Ajax链接,jquery-ui,zend-framework,Jquery Ui,Zend Framework,在过去的3周里,我尝试使用jQuery对话框创建ajaxLink。我有一个delete Bookmark函数,希望出现一个对话框,在弹出Ajax请求并删除书签之前,您必须确认是否要删除书签 我假设我必须向beforeSend函数中添加一些内容,但我不知道需要在其中编写什么。有人能告诉我需要做什么吗?我希望有人知道答案,我没有主意了。提前非常感谢 这里是我迄今为止的源代码: echo $this->ajaxLink("Remove Bookmark","/bookmark/remove/a
echo $this->ajaxLink("Remove Bookmark","/bookmark/remove/article ".$this->escape($entry->id),
array(
'id' => '',
'class' => 'btn orange delete dialog-confirm',
'dataType'=>'JSON',
'method' => 'post',
'update' => '.bookmark',
'beforeSend' => '????',
'complete' => '$("."+data+"").remove();if ($(".watchlist").length == 0){$(".watch").append("<p>No items watched</p>")}'
));
只有当用户单击“是,删除书签”按钮时,才能触发Ajax请求。因此,您需要向这个按钮函数添加一个jQuery ajax函数,并删除第一个
ajaxLink()
//在您的视图中。phtml
是否确实要删除此书签?
除去书签
太好了,它工作了!我不敢相信我已经尝试了很久,现在就这么容易了。非常感谢你。我唯一想添加的是“是”函数后面的“关闭”,否则对话框将保持打开状态,即使书签在后台被删除。非常感谢你,否则我就不会知道了。现在,我将添加一些消息显示,书签被删除,并找出为什么对话框已经打开,只要我进入网站。再次感谢你!
$('.dialog-confirm').click(function(e){
e.preventDefault();
var URL = $(this).attr("href");
$(this).css('display','block');
$('#dialogbox').dialog({
resizable: false,
height:180,
width:350,
modal: true,
closeOnEscape: true,
buttons: {
"Yes, delete bookmark": function() {
window.location.href = URL;
return true;
},
Cancel: function() {
$( this ).dialog( "close" );
}
}
});
});
//in your view.phtml
<div id="dialogbox" style="display:none">Do you really want to remove this bookmark?</div>
<span style="cursor:pointer" class="btn orange delete dialog-confirm" id="1">Remove Bookmark</span>
<?php $this->jQuery()->addOnload('
$(function() {
var id;
$("#dialogbox").dialog({
resizable: false,
height:180,
width:350,
modal: true,
buttons: {
"Yes, delete bookmark": function() {
$.ajax({
type: "POST",
url: "/bookmark/remove/article",
dataType: "json",
data: "id="+id,
success: function(data, textStatus, jqXHR) {
$("."+data+"").remove();
if ($(".watchlist").length == 0) {
$(".watch").append("<p>No items watched</p>")
}
}
});
},
Cancel: function() {
$( this ).dialog( "close" );
}
},
});
$(".delete").click(function(e) {
id = this.id;
console.log(id);
$( "#dialogbox" ).dialog( "open" );
});
});
'); ?>