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?truefalse;
    }

    
protected void chkStrikOut_CheckedChanged(object sender, EventArgs e)
    
{
        TextBox4.Font.Strikeout 
= chkStrikOut.Checked ? true : false;
    }
这分别对所有到的DropDownList,CheckBox添加事件,每一个东西它应该做什么就行了,没有说的啊
代码就这么多很少吧

                                                                    第三节       注意事项

    1.如果你在做这个时候代码也没有什么问题,就是页面还在刷新,这个时候你就发现在你的浏览器的左下角有一个提示找不到SYS,这个是AJAX有的东西没有找到,
我们可以在你安装AJAX的目录下找到web.config文件,把这个文件下的
 <httpHandlers>
      
<remove verb="*" path="*.asmx"/>
      
<add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      
<add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      
<add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
    
</httpHandlers>
拷在你的站点下的web.config文件下的<system.web>节点下就OK了
    2.必须把所有的ASP.NET的服务器控件设为自动回传;

                                                                 第四节          源代码下载

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

                                                                 第五节         总结

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


 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407539.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

判断字符串中有多少汉字

如何判断字符串中有多少汉字代码实例&#xff1a; <html xmlns"http://www.w3.org/1999/xhtml" ><head> <title>标题页</title> </head> <body> <script language"JavaScript"> function cal(str) { re…

ES6之Module 的加载实现(3)

4.循环加载 “循环加载”&#xff08;circular dependency&#xff09;指的是&#xff0c;a脚本的执行依赖b脚本&#xff0c;而b脚本的执行又依赖a脚本 通常&#xff0c;“循环加载”表示存在强耦合&#xff0c;如果处理不好&#xff0c;还可能导致递归加载&#xff0c;使得程…

oracle存储过程写法(一)

Create or Replace Procedure Proc_AppendRecords(nAppendCount int -- 要添加的记录条数)asbegindeclarenstart int;nend int;beginselect NVL(max(UserID),0) into nstart from T_Test_Checkbill;nend : nstart nAppendCount;while nstart < …

列举网络芳邻的网络资源

此范例会以递归方式列举网络芳邻的网络资源&#xff0c;在此范例中会使用到 mpr.dll API 函式库的 WNetEnumResource、WNetOpenEnum、WNetCloseEnum 函式来进行网络芳邻的网络资源的列举动作。 TAPIMpr 类别为 mpr.dll API 函式库的操作类别 1: <summary> 2: …

HDU 1087

一个简单而经典的dp; 若数组a&#xff1a;1 3 2 4 则数组b&#xff1a;1 4 3 8 b[i]每一个都要向前找 合法 的最大b[x]值加上当前的a[i]; 如b[2]b[0]a[2]; #include <iostream>using namespace std;int a[1001];int b[1001];int max_b(int i){ int max10; for(int …

Vue之重命名组件

因为header本身是关键字&#xff0c;所以这里通过重命名的方式改为’v-header’

一个封装了的选项卡效果js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv"Content-Type" content"text/html; charsetgb2312"><title>井底的蛙</title><script type"text/j…

Struts2学习笔记1

一&#xff0e;下载struts2.0.1 http://struts.apache.org/downloads.html&#xff0c;下载struts-2.0.1-all.zip&#xff0c;这个压缩包中包括了开发struts2所需的struts2-core.jar核心包以及其他struts2所依赖的JAR文件&#xff0c;另外另一些struts2的演示样例程序以及一些H…

如何在oracle中查询所有用户表的表名、主键名称、索引、外键等

使用select * from user_tables 可以查询出所有的用户表。 查所有用户的表在all_tables 主键名称、外键在all_constraints 索引在all_indexes 但主键也会成为索引&#xff0c;所以主键也会在all_indexes里面。 具体需要的字段可以DESC下这几个view&#xff0c;dba登…

Vue路径的别名

这里给’components’赋予了一个地址&#xff0c;那么在程序中引入路径的时候’components’就直接可以代替路径’../src/components’

汽车驾照分类

驾照级别分类 公安部正式发布《机动车驾驶证业务工作规范》规定&#xff0c;推出机动车驾驶证分级制&#xff0c;将驾照分为A1、A2、A3、B1、B2、C1、C2、C3、C4、D、E、F、M、N、P共15个级别。 公安部根据不同车型的驾驶难度和安全要求&#xff0c;将目前驾驶证签注的3种准驾…

uni-app附件预览

// 预览附件perviewFile(file) {console.log(点击附件, file)var strfile.previewUrlvar filTypestr.split(.)console.log(filType,filType)uni.downloadFile({url: success: function(res) {console.log(打开文档成功, res);if (res.statusCode 200) {uni.saveFile({tempFile…

简单的单级下拉菜单实现

这里用纯CSS实现一个简单的单级下拉菜单&#xff0c;鼠标划过菜单标题时显示下拉菜单。 基本思路 在菜单处于光标之下时显示菜单&#xff0c;其余时候隐藏。这个过程首先得想到 :hover 伪类来实现&#xff0c;但是直接的利用伪类还不行&#xff0c;因为普通状态下菜单隐藏了&am…

C#里面的继承

举个例子&#xff1a;有一个基类RectangleEx1 classRectangleEx2 {3 privateint_x, _y, _w, _h;4 5 publicintx6 {7 get{ return_x; }8 set{ _x value; }9 }10 publicinty11 {12 get{ return_y; }13 set{ _y value; }14 }15 publicintw16 {17 get{ return_w; }18 set{ _w value…

Vue-Router的路由实例构造配置

可以通过在创建路由实例的时候传入不同的对象来选择不同的配置&#xff0c;这里的’linkActiveClass’代表的是给被激活的<router-link>添加一个叫做’active’的类名&#xff0c;然后我们就可以在css中给被激活标签设置不同的CSS了 其余的还有

uboot中的mmc命令

一&#xff1a;mmc的命令例如以下&#xff1a; 1&#xff1a;对mmc读操作 mmc read addr blk# cnt 2&#xff1a;对mmc写操作 mmc write addr blk# cnt 3&#xff1a;对mmc擦除操作 mmc erase blk# cnt 4&#xff1a;又一次搜索mmc设备 mmc rescan 5&#xff…

对STL的string进行格式化输出

突然遇到需要对一个string类型的变量进行格式化输出&#xff0c;一时不知道怎么做。google了一下&#xff0c;终于找到了答案。 ostringstream os; os < < "abc " < < abc; string s os.str(); 所需头文件&#xff1a;#includ…