2014-01-20 135 views
1

我使用ASP.NET MVC Bootstrap的意见。我在_Layout.cshtml页面上有一个按钮,用于加载模式以在项目目录中显示另一个页面。在_layout页面中查看/共享上ASP.NET + Bootstrap模式远程页面加载

按钮:

<a class="btn btn-primary btn-lg" role="button" data-toggle="modal" href="Modals/testModal.html" data-target="#signUpModal">Sign up</a> 

我要加载的网页存储在浏览/共享/情态动词/ testModal.html。

testModal.html:

<div class="modal fade" id="signUpModal"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title">Sign up form</h4> 
     </div> 
     <div class="modal-body"> 


      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="Username"> 
       <br /> 
       <br /> 
       <input type="text" class="form-control" placeholder="Password"> 
       <br /> 
       <br /> 
      </div> 

     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
     <button type="button" class="btn btn-primary">Create User</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

它正常工作时,我有包含在同一页上的模态,但我似乎无法这样加载它。

+0

你有没有检查你的控制台?你有任何错误?你有没有确认href路径是正确的? – dcodesmith

回答

1

您不能在Views文件夹中为静态文件服务器,它仅用于MVC。

您需要创建另一个文件夹,引用他们从那里即

/Modals/testModal.html 

您还需要添加到的RegisterRoutes的忽略路由,它应该是这个样子:

public static void RegisterRoutes(RouteCollection routes) 
     { 
      routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 
      // Below is the ignore rule 
      routes.IgnoreRoute("{file}.html"); 

      // custom routing if any 
      routes.MapRoute(
       name: "Default", 
       url: "{controller}/{action}/{id}", 
       defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
      ); 
     } 

Screen shot displaying static file

欲了解更多信息,请参阅:

http://haacked.com/archive/2008/07/14/make-routing-ignore-requests-for-a-file-extension.aspx/

+0

我已经做到了,它仍然无法加载..我不知道为什么,但似乎当我点击按钮,甚至没有发送请求。当我将鼠标悬停在其上时,路径正确显示。 – zeion

+0

对不起,更新了路线忽略,我忘了。 – hutchonoid