将JQuery与ASP.NET MVC框架一起使用
我已经在论坛和Google中搜索了此主题。大多数文章都在谈论使用JSON来调用服务器上的控制器/操作并对结果产生ajax效果。
我正在尝试使用一些非常基本的JQuery功能,例如对话框窗口的JQuery UI / Tab和JQuery UI / Block。我无法在MVC项目中使用这些简单的示例。有什么想法我应该如何修改这些样本?我现在只需要这些基本功能,就可以从这里开始。
谢谢!
解决方案
我只是在我的asp.net项目之一中实现了jQuery自动完成文本框。我只需要导入js文件并将一些代码放到我的aspx页面中。我们能否详细了解要运行的样品?
这是快速反应!
我试图在此页面上运行此"简单选项卡":
http://stilbuero.de/jquery/tabs/
我认为与此相同:http://docs.jquery.com/UI/Tabs
我只是将整个内容复制并粘贴到我的MVC视图页面中,并带有指向jquery.js和.css文件的正确路径,但是选项卡中的内容都显示在一起(应该隐藏其中两个)。我的理解是,这个简单的jquery插件仅显示和隐藏内容。
我对jquery thinbox插件有完全相同的问题,标记为"隐藏"(对话框)的项目将始终显示在我的MVC视图页面中。
我可以理解一些MVC + Jquery + json文章,但是我不明白为什么隐藏/显示不起作用。
谢谢!
其实我刚刚开始工作。问题是我需要将路径修改为视图页面的绝对路径,因为相对路径不适用于MVC路由{controller} / {action} / {id}。
谢谢!
我只是对如何做到这一点进行了演练:
http://blogs.msdn.com/joecar/archive/2009/01/08/autocomplete-with-asp-net-mvc-and-jquery.aspx
有关信息,请参阅我在这里讨论的相对路径问题(相同的概念适用于任何页面,而不仅仅是母版页)。我使用的方法是这样的:
1:声明用于添加脚本的扩展方法:
public static string Script(this HtmlHelper html, string path) { var filePath = VirtualPathUtility.ToAbsolute(path); return "<script type=\"text/javascript\" src=\"" + filePath + "\"></script>"; }
2:在需要时(例如在<head> ... </ head>中)使用此方法:
<%=Html.Script("~/Scripts/jquery-1.2.6.js")%>
这样做的好处是,即使Web应用程序托管在虚拟目录中(即我们不必使用" / Scripts",因为我们不一定位于站点根目录),它也可以运行,但它更加清晰(比杂乱的src完整的脚本少,即
<script ... src="<%=Url.Foo(...)%>"></script>