首页 / 知识

将JQuery与ASP.NET MVC框架一起使用

2023-04-17 06:54:00

将JQuery与ASP.NET MVC框架一起使用

Using JQuery with ASP.NET MVC Framework

我已经在论坛和Google上搜索了此主题。大多数文章都在谈论使用JSON来调用服务器上的控制器/操作并对结果执行ajax效果。

我正在尝试使用一些非常基本的JQuery功能,例如对话框窗口的JQuery UI / Tab和JQuery UI / Block。我无法在MVC项目中使用这些简单的示例。有什么想法我应该如何修改这些样本?我现在只需要这些基本功能,就可以从这里开始。

谢谢!


实际上我刚刚开始工作。问题是我需要将路径修改为视图页面的绝对路径,因为相对路径不适用于MVC路由{controller} / {action} / {id}。

谢谢!


有关信息,请参考相对路径问题-我在这里进行了讨论(相同的概念适用于任何页面,而不仅仅是母版页)。我使用的方法是这样的:

1:声明用于添加脚本的扩展方法:

1
2
3
4
5
    public static string Script(this HtmlHelper html, string path)
    {
        var filePath = VirtualPathUtility.ToAbsolute(path);
        return"<script type="text/javascript" src="" + filePath +"">";
    }

2:必要时(例如在<head>...</head>中)使用此方法:

1
    <%=Html.Script("~/Scripts/jquery-1.2.6.js")%>

这样做的好处是,即使Web应用程序托管在虚拟目录中(即您不必使用" / Scripts",因为您不一定位于站点根目录),它也可以运行-但它是一个与带有src的完整脚本相比,更清晰(也更不混乱),即

1
    <script ... src="<%=Url.Foo(...)%>">

我只是对如何做到这一点进行了演练:

http://blogs.msdn.com/joecar/archive/2009/01/08/autocomplete-with-asp-net-mvc-and-jquery.aspx


这是快速反应!!

我正在尝试在此页面上运行此"简单选项卡":
http://stilbuero.de/jquery/tabs/

我认为与此相同:http://docs.jquery.com/UI/Tabs

我只是将整个内容复制并粘贴到了MVC视图页面中,并带有指向jquery.js和.css文件的正确路径,但是选项卡中的内容都一起显示了(应该隐藏其中两个) 。我的理解是,这个简单的jquery插件仅显示和隐藏内容。

我在使用jquery Thickbox插件时遇到了完全相同的问题,标记为"隐藏"(对话框)的项目将始终显示在我的MVC视图页面中。

我可以理解一些MVC Jquery json文章,但是我不明白为什么隐藏/显示不起作用。

谢谢!


我刚刚在asp.net项目之一中实现了jQuery自动完成文本框。我只需要导入js文件并将一些代码放到我的aspx页面中。您能否更详细地了解要运行的样本?


框架搜索控制器论坛

最新内容

相关内容

猜你喜欢