Ext.Net学习笔记24:在ASP.NET MVC中使用Ext.Net

简介:

在前面的笔记中已经介绍了如何在ASP.NET WebForm中使用Ext.Net,由于这个系列一直在WebForm中使用,所以并没有涉及到ASP.NET MVC中的用法。

如果你要在ASP.NET MVC中使用Ext.Net,当然也不会很复杂,来看看最简单的配置方法:

1.新建一个ASP.NET MVC项目

image

我们这里以MVC4为例,建一个空白项目就可以了。

2.使用NuGet添加Ext.Net MVC引用

在新建好的项目中添加Ext.Net MVC引用,在引用上面右键,然后选择“管理NuGet程序包”:

image

在新打开的窗口中搜索Ext.Net.MVC,然后根据我们MVC的版本选择相应的Ext.Net MVC进行安装:

image

安装完成之后,你会发现程序已经为我们创建好了ExtNetController示例,我们运行程序,如果你能看到示例页面,就说明已经安装好了。

这种情况一般不会出现问题,我们可以很方便的来使用。

如果你想自己动手,从Ext.Net官网下载Ext.Net MVC版本,然后在项目中添加引用,完成相应的配置也可以,接下来我们来看看都要完成那些工作。

手动配置Ext.Net MVC项目

首先去官网下载Ext.Net MVC版,然后解压缩,选择我们项目中适应的版本(主要是.Net版本要对应上),然后在项目中添加引用。

注意,此处不要引用Newtonsoft.Json.dll,因为ASP.NET MVC项目中已经引用了Json.net的NuGet包

这个时候就出现了一个问题,Ext.Net MVC引用的Json.net比ASP.NET MVC中引用的版本要高。

解决这个问题的办法是重新添加Json.net的高版本引用,同样是打开NuGet程序包管理器,然后安装Json.net,这个时候的引用就已经正确了。

接下来是配置的部分:

1.按照我们《如何在ASP.NET WebForm中使用Ext.Net》这篇文章的介绍,添加web.config的配置。

2.在Route中添加一行,不对Ext.Net的资源文件进行路由:

//忽略Ext.Net资源
routes.IgnoreRoute("{exclude}/{extnet}/ext.axd");

3.新建一个view,用下面的代码试试吧:

@using Ext.Net;
@using Ext.Net.MVC;
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
@Html.X().ResourceManager()
@(
    Html.X()
        .Window()
        .ID("myWin")
        .Title("DEMO - QeeFee.com")
        .Width(300)
        .Height(200)
        .Html("如果你看到了这个窗口,说明Ext.Net MVC 已经正常工作了。")
        .Show()
)

如果可以正常的运行,就说明你的配置是正确的了。

另外,我写了一个Ext.Net MVC的空白项目,里面已经完成了Ext.Net MVC的相关配置,可以直接运行,有需要的朋友请加入我们的QQ群143202738,在群共享里面下载。

原文链接:在ASP.NET MVC中使用Ext.Net




本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/p/3586649.html,如需转载请自行联系原作者

相关文章
|
2月前
|
监控 前端开发 API
一款基于 .NET MVC 框架开发、功能全面的MES系统
一款基于 .NET MVC 框架开发、功能全面的MES系统
|
5月前
|
开发框架 前端开发 .NET
VB.NET中如何利用ASP.NET进行Web开发
在VB.NET中利用ASP.NET进行Web开发是一个常见的做法,特别是在需要构建动态、交互式Web应用程序时。ASP.NET是一个由微软开发的开源Web应用程序框架,它允许开发者使用多种编程语言(包括VB.NET)来创建Web应用程序。
102 6
|
5月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
62 7
|
6月前
|
开发框架 JSON .NET
ASP.NET Core 标识(Identity)框架系列(三):在 ASP.NET Core Web API 项目中使用标识(Identity)框架进行身份验证
ASP.NET Core 标识(Identity)框架系列(三):在 ASP.NET Core Web API 项目中使用标识(Identity)框架进行身份验证
|
5月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
110 0
|
7月前
|
开发框架 搜索推荐 前端开发
【.NET全栈】ASP.NET开发Web应用——Web部件技术
【.NET全栈】ASP.NET开发Web应用——Web部件技术
|
6月前
|
开发框架 .NET 开发工具
【Azure 应用服务】App Service 的.NET Version选择为.NET6,是否可以同时支持运行ASP.NET V4.8的应用呢?
【Azure 应用服务】App Service 的.NET Version选择为.NET6,是否可以同时支持运行ASP.NET V4.8的应用呢?
|
6月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
80 0
|
6月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
6月前
|
开发框架 .NET 数据库连接
ASP.NET Core 标识(Identity)框架系列(一):如何使用 ASP.NET Core 标识(Identity)框架创建用户和角色?
ASP.NET Core 标识(Identity)框架系列(一):如何使用 ASP.NET Core 标识(Identity)框架创建用户和角色?