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,一经查实,立即删除!

相关文章

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 < …

Vue之重命名组件

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

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…

Vue路径的别名

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

简单的单级下拉菜单实现

这里用纯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了 其余的还有

WinForm UI设计与开发思路(转)

最近一年来一直在做WinForm相关的系统&#xff0c;对WinForm的UI设计有一些想法想和大家讨论&#xff08;主要是比较忙&#xff0c;所以很多只是设想&#xff0c;还没有开发实例&#xff09; 关于WinUI&#xff0c;理想的情形应该是外观比较cool&#xff0c;能给用户良好的使用…

Vue之父组件向子组件传递数据

1.创建子组件&#xff0c;在src/components/文件夹下新建一个Child.vue 2.Child.vue的中创建props&#xff0c;然后创建一个名为message的属性 3.在App.vue中注册Child组件&#xff0c;并在template中加入child标签&#xff0c;标签中添加message属性并赋值 4.我们依然可以对m…

Vue之实例的生命周期

Vue实例有一个完整的生命周期&#xff0c;也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程&#xff0c;我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程&#xff0c;就是生命周期 在Vue的整个生命周期中&#xff0c;它提…

windows遍历目录下所有文件

From: http://blog.csdn.net/benbon/article/details/1911230 在windows中遍历目录下的所有文件主要是使用FindFirstFile和FindNextFile通过递归调用实现的,类似于Linux的opendir和readdir。 在MSDN中&#xff0c;FindFirstFile的声明如下&#xff1a; HANDLE FindFirstFile( …

Vue之计算属性Computed

计算属性将被添加到Vue的实例中。计算属性内部的getter和setter函数内的this上下文将自动地绑定为Vue实例 不应该使用箭头函数来定义计算属性函数 (例如 aDouble: () > this.a * 2)。理由是箭头函数绑定了父级作用域的上下文&#xff0c;所以 this 将不会按照期望指向 Vue …