ASP.NET+AJAX简单的文体编辑器

前言:
这里一个基于AJAX的简单的文体编辑器,主要是利用了AJAX不刷新这个来做,功能上很简单没有什么技术性的东西在里,
在这里希望能够初学习一点帮助,同时也我自己也提高和巩固了以前学过的东西；

目录：
                运行结果浏览
        代码讲解
        注意事项
        源代码下载
        总结
                                第一节       运行结果浏览

初始页面

字体，颜色，字号浏览页面

加粗，下划线浏览页面

第二节代码讲解

我在代码讲解之前，我们还得做一些事，从工具箱中把ScriptManager和一个UpdatePanel，最后我们只管向UpdatePanel中拉我们想要的控件就OK了，这里我就不在详细说明，敬请谅解。
在我们所有服务器控件都必须把它们的AutoPostBack=true，因为这个要回传；
这下就来看代码吧
1.得到字系统字体的代码：

/**//// <summary>

/// 得到系统中的所有字体

/// </summary>

public void FontList()

{

System.Drawing.Text.InstalledFontCollection font = new System.Drawing.Text.InstalledFontCollection();

System.Drawing.FontFamily[] fontFamily =font.Families;

foreach (FontFamily list in fontFamily)

{

DropDownList1.Items.Add(list.Name.ToString());

}

这里也没有什么好说的，就是利用了System.Drawing.Test.installedFontCollection这个类，下来可以对这个类作进一步的研究

2.添加字号代码

/**//// <summary>

/// 得到字体的大小

/// </summary>

public void getSize()

{

for (int i = 1; i < 70;i++ )

DropDownList2.Items.Add(i.ToString());

}

这里很简单就是一个FOR循环向DropDownList中添加数据就OK了

3.颜色代码

/**//// <summary>

/// 得到字体颜色

/// </summary>

public void getColor()

{

DropDownList3.Items.Add("Color.AliceBlue");

DropDownList3.Items.Add("Color.Blue");

DropDownList3.Items.Add("Color.Yellow");

}

4.下面的代码是他们事件代码：

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

TextBox4.Font.Name = DropDownList1.SelectedItem.Value;

}

protected void DropDownList3_SelectedIndexChanged(object sender, EventArgs e)

{

TextBox4.ForeColor = Color.Brown;

}

protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)

{

TextBox4.Font.Size = FontUnit.Parse(DropDownList2.SelectedItem.Value);

}

protected void chkBold_CheckedChanged(object sender, EventArgs e)

{

TextBox4.Font.Bold = chkBold.Checked ? true : false;

}

protected void chkUnderline_CheckedChanged(object sender, EventArgs e)

{

TextBox4.Font.Underline = chkUnderline.Checked?true: false;

}

protected void chkStrikOut_CheckedChanged(object sender, EventArgs e)

{

TextBox4.Font.Strikeout = chkStrikOut.Checked ? true : false;

}

这分别对所有到的DropDownList，CheckBox添加事件，每一个东西它应该做什么就行了，没有说的啊
代码就这么多很少吧

第三节注意事项

1.如果你在做这个时候代码也没有什么问题，就是页面还在刷新，这个时候你就发现在你的浏览器的左下角有一个提示找不到SYS，这个是AJAX有的东西没有找到，
我们可以在你安装AJAX的目录下找到web.config文件，把这个文件下的

</httpHandlers>

拷在你的站点下的web.config文件下的<system.web>节点下就OK了
2.必须把所有的ASP.NET的服务器控件设为自动回传；

第四节源代码下载

在这里对给初学者提供了一个源代码下载的地址，希望能对你们有所帮助
/Files/caodaiming/Web.rar

第五节         总结

    其实这个DEMO没有什么意思，非常的简单没有什么实用价值，在这里我最主要的是想给初者一点帮助，帮你们对于AJAX的一个了解，同时也希望你对自己的学习有信心，同时也是对自己的一个很好的提高
    没有什么新的东西，希望得到大家对我的支持，我会在以后的时间里根据大家的要求写出更多的新文章
谢谢大家

ASP.NET+AJAX简单的文体编辑器相关推荐

ASP.NET AJAX环境的简单构建(ZT)
1 概述 Microsoft ASP.NET AJAX 是 Microsoft 公司对 Ajax 技术的完美封装.它能使你已快速的创建包含丰富用户体验的用户界面的 Web 页面,提供加入了跨浏览器的 ...
ASP.NET AJAX入门系列（10）：Timer控件简单使用
本文主要通过一个简单示例,让Web页面在一定的时间间隔内局部刷新,来学习一下ASP.NET AJAX中的服务端Timer控件的简单使用. 主要内容 Timer控件的简单使用 1．添加新页面并切换到设计 ...
新瓶旧酒ASP.NET AJAX(1) - 简单地过一下每个控件（ScriptManager、ScriptManagerProxy
[索引页] [×××] 新瓶旧酒ASP.NET AJAX(1) - 简单地过一下每个控件(ScriptManager.ScriptManagerProxy.UpdatePanel. UpdatePro ...
ASP.NET AJAX入门系列（6）：UpdateProgress控件简单介绍
在ASP.NET AJAX Beta2中,UpdateProgress控件已经从"增值"CTP中移到了ASP.NET AJAX核心中.以下两篇关于UpdateProgress的文章 ...
c聊天室系统asp ajax,利用AJAX和ASP.NET实现简单聊天室
利用AJAX和ASP.NET实现简单聊天室我的第一个简单的Chatroom是用ASP3.0写成的.那无外乎有二个TextBox,他们发送消息给程序变量然后显示在一个每秒刷新的页面上.在那个时代,一 ...
SharePoint 2010中的客户端AJAX应用——ASP.NET AJAX模板
WCF Data Services是SharePoint 2010中一个极具吸引力的新特性.然而,因为它的强大,直接对其进行编程仍然会有点痛苦.幸运的是,一个新的相关技术 -- ASP.Net AJA ...
[翻译]ASP.NET AJAX与SharePoint的集成
原文: Integrating ASP.NET AJAX with SharePoint 来自微软SharePoint Team Blog Microsoft ASP.NET AJAX 1.0: 一点 ...
在ASP.NET AJAX 1.0框架中访问Web服务
一. 简介如今,微软最新推出的AJAX框架为ASP.NET AJAX 1.0(下载地址为[url]http://ajax.asp.net/downloads/default.aspx[/ur ...
MSDN Webcast“深入浅出ASP.NET AJAX系列”
课程: ASP.NET AJAX深入浅出系列课程(1):ASP.NET AJAX 概述(3月13日):对于ASP.NET AJAX的大致功能进行概述和演示,通过简单的演示让听众了解到ASP.NET A ...

ASP.NET+AJAX简单的文体编辑器

ASP.NET+AJAX简单的文体编辑器相关推荐

最新文章

热门文章