2012-04-23 101 views
1

我正在使用.NET MVC3 ....我有一个局部视图,当使用ajax单击按钮时呈现到页面中。 。如何在按下取消按钮时取消部分视图

$('#myLink').click(function() { 
    $('#partial2Div').load(this.href); 
    return false; 
}); 

但是...我有一个取消按钮内部时,它负载,我试图找出如何有“原始”网页保存其状态这个局部视图(它有它的编辑字段)当这个取消按钮被按下时...只是局部视图消失。

+0

你是什么意思,*保持其状态*?你只触摸** partial2Div **,那么为什么页面的其他部分会发生变化? – McGarnagle 2012-04-23 01:48:17

+0

在你的例子中'#partialDiv2'是否被新内容所取代? (也就是说,您希望'.load()'调用之前的内容返回?) – 2012-04-23 01:48:20

回答

1

如果你已经更新了partial2Div然后改变你的逻辑不这样做,而不是有另一个div你的部分将被插入,如果不是这种情况和partial2Div只是为了这个部分你只需要隐藏该div如下:

$("cancel").click(function(){ 
    $("partial2Div").hide(); 
}); 
2

如果不加载完整页面,则无法卸载部分视图。

但是您可以显示/隐藏它,只需将局部视图放在div中并将按钮隐藏在点击按钮上即可。或者从DOM完全删除元素。

2

按照jQuery API,有当内容已经被加载回调。你应该可以尝试这样的事情:

$('#myLink').click(function() { 
    $('#partial2Div').load(this.href, function(){ 
     $("#id-of-cancel-button").click(function(){ 
      $("#partial2Div").hide(); 
     }); 
    }); 
    return false; 
}); 

只要确保在绑定它时引用取消按钮的ID!

1
$("cancel").click(
    function() 
    {  
    $("partial2Div").html(''); 
    } 
);