.net ajax弹窗,使用ASP.NET AJAX与Bootstrap 弹窗解决方案

我在做采购系统时，因为使用了ASP.NET AJAX的UpdatePanel的控件，可以使得页面局部刷新显示。但是使用起来问题还是很多。

下面列出了一种情况，话了将近5个小时才算解决，虽然不是很完美，但是应该够了。

应用背景：在采购系统里，因为一个产品可以有多个供应商，同样一个供应商可以有多个产品。所以产品和供应商是多对多的关系。

在产品页面，用户选择一个产品，我们希望他可以选择供应商。如下图，选择“得利纸业”，然后在单击“管理供应商”，就弹出供应商页面。

其实，如果是采用刷新技术，用户选择“管理供应商”安全，让父页面刷新一下，解决方法还是非常简单的。常规的解决方法大都是用 window.open()弹出子页面，

然后在子页面关闭时，刷新父页面。这样，因为父页面全刷新，用户体验非常差。

刚开始，我感觉问题很简单，bootstrap有model模板(详见 http://v3.bootcss.com/javascript/) ，代码类似如下

关联供应商

用户单击关联供应商时，弹出在产品列表页面的一个层。(注意：是层，所以这里没有父-子页面，为的就是局部刷新)，代码类似如下