/*BY:Wangyexin date:2011年4月30日 20:17:38*/

/*说明：.net mvc3框架，View层调用服务端控件，输出到.cshtml文件中显示*/

1.先说说.net mvc2以前版本以及普通.net网页窗口的使用方式，即没有使用Razor模板以前使用服务端控件的方法。（这里以TreeView控件为例）

新建一个.aspx文件，点击设计视图，选择工具箱，在导航选项里面找到TreeView控件，将其拖到窗口中去，添加几个节点即可使用。

看一下它的源文件，如下

<html>
<head runat="server">
<title>这是个测试页面</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Panel ID="Panel1" runat="server" Height="307px">
<br />
<asp:TreeView ID="TreeView1" runat="server" ImageSet="XPFileExplorer" 
NodeIndent="15">
<HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
<NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" 
HorizontalPadding="2px" NodeSpacing="0px" VerticalPadding="2px" />
<ParentNodeStyle Font-Bold="False" />
<SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" 
HorizontalPadding="0px" VerticalPadding="0px" />
</asp:TreeView>
</asp:Panel>
</div>
</form>
</body>
</html>

注意标红的是要使用这个控件，必须加上这个标记使其在服务端运行，否则会报错误。

2.下面来讲一下使用MVC3框架来使用服务端控件的传统方法，即没有使用Razor模板。

(1)为了简单说明。并没有使用Models里面的东西，只是演示服务端控件的使用方法。并且使用MVC3框架自动生成的例子来实现。

(2)MVC3例子里面的首页Controllers里面有一个Controller叫HomeController，在其中的Index方法里面实现服务端控件。其代码为：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.UI.WebControls;
using System.Text;
using System.IO;
using System.Web.UI;

namespace test.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{

//在这里面实现服务端控件
ViewBag.Message = "Welcome to ASP.NET MVC!"
////
///////////////////////
return View();
}

public ActionResult About()
{
return View();
}

}
}

(3)我们这里介绍的是传统的方法，所以在Index里面没有相关的实现代码，要实现的是前台代码。这里Index跳转的是Views目录下面Home文件夹下的Index.cshtml文件，由于其使用的是Razor模板，所以不能使用可视化的方式添加服务端控件。因此我们使用传统的.aspx代替它，删除Index.cshtml，添加一个Index.aspx文件，代码同1里面的雷同，这样，运行网站就会出现我们想要的结果。

  

(4)直接运行会报一个must derive from ViewPage的错误，删除Inherits这个属性就可。运行后效果图

3.呵呵，我们的重点来了，由于MVC3采用了一种新的Razor模板，这种模板有没有我们使用的可视化界面，又不能直接使用服务端控件，这样习惯拖上去的人感到束手无策呀。

我要实现的功能是在MVC3框架中新建一个TreeView,加载数据并在前台显示，传统的方法很简单，但是到了Razor视图就麻烦了，不能直接用，因为违反了Mvc的设计思想。

为了简要说明，我没有使用Models里面关于数据库的东西，直接在Views里面做个实验一说明怎么使用。

本文思想：在action类中声明一个TreeView并添加节点，然后将其转换成HTML代码传到前台显示。

(1)在action中声明一个TreeView并添加一些节点，如下代码

TreeView tw = new TreeView();
tw.ID = "UITree"
tw.ShowLines = true;
tw.ImageSet = TreeViewImageSet.XPFileExplorer;
//
TreeNode tn = new TreeNode();
tn.Text = "sss"
tn.Value = "sss"
//
TreeNode tn1 = new TreeNode();
tn1.Text = "111"
tn1.Value = "111"
TreeNode tn2 = new TreeNode();
tn2.Text = "222"
tn2.Value = "222"
TreeNode tn3 = new TreeNode();
tn3.Text = "333"
tn3.Value = "333"
///
tn.ChildNodes.Add(tn1);
tn.ChildNodes.Add(tn2);
tn.ChildNodes.Add(tn3);
//
tw.Nodes.Add(tn);

(2)将TreeView放到一个Form里面，因为Tree控件是一个服务端控件，所以要求必须放在一个具有runat="server"属性的控件里面才能正常使用，否则会报错。

HtmlForm hf = new HtmlForm();
hf.Controls.Add(tw);

(3)声明一个Page的类，将form放到Page里面，这样做的目的是调用page里面的一个方法，下面会讲到。

Page page = new Page();
string controlOutput = string.Empty;
page.Controls.Add(hf);

(4)利用传说中的三驾马车，将page页转换成html代码。

StringBuilder sb = new StringBuilder();//马车一
using (StringWriter sw = new StringWriter(sb))//马车二
{
using (HtmlTextWriter htw = new HtmlTextWriter(sw))//马车三
{
Server.Execute(page, htw, false);//调用这个方法将page内容转换成输出流
controlOutput = sb.ToString();//将html输出流转换成字符串。
}
}

(5)将字符串放到ViewBag里面，传到前台。

ViewBag.TreeView1 = controlOutput;

(6)前台页面（注意是.cshtml类型的文件，即Razor布局）

如果只是调用@ViewBag.TreeView1的话得到的是html代码，如图

(7)要解决这个问题只要调用这一句就可以解决,这就是Razor的强大。

@Html.Raw(ViewBag.TreeView1)，完整的前台页面代码为

@{
ViewBag.Title = "Left"
}
@Html.Raw(ViewBag.TreeView1)

页面效果为：

结束语：其他的服务端控件也是类似的用法，这个问题困扰了我3天的时间，期间查阅了大量的资料，终究没有找到答案。晚上吃饭后的灵光一现让我找到的方向。感谢党，感谢国家，感谢父母。

.Net Mvc3框架调用服务端控件解决方案的更多相关文章

  1. (转)客户端触发Asp.net中服务端控件事件

    第一章. Asp.net中服务端控件事件是如何触发的 Asp.net 中在客户端触发服务端事件分为两种情况: 一. WebControls中的Button 和HtmlControls中的Type为su ...

  2. atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系

    atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系 1. 服务器控件是可被服务器理解的标签.有三种类型的服务器控件: 1 1.1. HTML 服务器控件  ...

  3. 如何通过JavaScript构建Asp.net服务端控件

    摘要 虽然ASP.NET的服务器控件一直被大家所诟病,但是用户控件(ACSX)在某些场景下还是非常有用的. 在一些极特珠的情况下,我们会使用JavaScript动态的构建页面中的控件,但假设遇到了我要 ...

  4. ASPNET服务端控件练习(一个机试题)

    简单记录: 模糊查询的select语句的拼写 public List<Model.Student> GetWhereStudent(string name, string sub, str ...

  5. GridView 服务端控件添加 js

    针对服务端控件的 CommandField “Delete” 添加 js $("#GridView1").find("a").each( function() ...

  6. js页面(页面上无服务端控件，且页面不刷新)实现请求一般处理程序下载文件方法

    对于js页面来说,未使用服务端控件,点击下载按钮时不会触发服务端事件,且不会提交数据到服务端页面后台进行数据处理,所以要下载文件比较困难.且使用jQ的post来请求一般处理程序也不能实现文件的下载,根 ...

  7. jquery 操作服务端控件,select 控件

    <asp:DropDownList ID="ddl" runat="server"></asp:DropDownList> <se ...

  8. atitit.Atitit. Gui控件and面板-----服务端控件 java struts的实现最佳实践

    atitit.Atitit.  Gui控件and面板-----服务端控件 java struts的实现最佳实践 1. 服务器控件的类别 1 1.1. 数据控件:该类控件可细分为两种类型:数据源控件和数 ...

  9. C# 服务端控件 asp:RadioButton 选择选中值

    1.服务端控件RadioButton <asp:RadioButton ID="rbNewUser" runat="server" GroupName=& ...

随机推荐

  1. 【QT】C++ GUI Qt4 学习笔记4

    感觉这本书的顺序设计的太不合理了,出现的最多的一句话就是后面会讲.按照使用的顺序讲不行吗?搞得代码都运行不了. 我决定先直接跳到73页,子类化QTableWidgetItem这一节.因为前面功能的实现 ...

  2. 【编程题目】输入一个单向链表，输出该链表中倒数第 k 个结点

    第 13 题(链表):题目:输入一个单向链表,输出该链表中倒数第 k 个结点.链表的倒数第 0 个结点为链表的尾指针.链表结点定义如下: struct ListNode {int m_nKey;Lis ...

  3. 如何将.il、.res文件封装成dll文件

    将你的.il..res文件保存在你的硬盘上,如下图: 我存放的路径在E盘的test文件夹中,我们开始封装了咯.进入DOS命令,如下图: 我们通过DOS命令先进入.il..res文件目录,如下图: 然后 ...

  4. 异常处理__try{}__except(EXCEPTION_EXECUTE_HANDLER){}

    在一个函数中不能混合使用 try{}catch(CException *e){} 与 __try{}__except(EXCEPTION_EXECUTE_HANDLER){} 编译时报错 error ...

  5. ios 上下拉刷新

    UITableView:下拉刷新和上拉加载更多 - cDigger 时间 2013-11-24 02:00:00  博客园精华区 原文  http://www.cnblogs.com/lexingyu ...

  6. Linux vmstat字段解析

    vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况.这个命令是我查看Linux/Unix最 ...

  7. notifyDataSetInvalidated和notifyDataSetChanged有什么区别

    notifyDataSetChanged方法通过一个外部的方法控制如果适配器的内容改变时需要强制调用getView来刷新每个Item的内容.public void notifyDataSetChang ...

  8. openfire 服务器名称：后面的黄色叹号

    然后点击重新获取证书,然后重新启动服务,问题解决!

  9. eclipse使用tips-Toggle Mark Occurrences 颜色更改

    Toggle Mark Occurrences这个功能非常好用,能把选中的方法/变量在本类中全部出现的地方高亮显示,是一个非常实用的功能.但是默认颜色是灰色,非常毁眼.可以通过下面的设置更改为自己喜欢 ...

  10. 【翻译十】java-固定锁和同步

    Intrinsic Locks and Synchronization Synchronization is built around an internal entity known as the  ...