zoukankan      html  css  js  c++  java
  • 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的一个了解,同时也希望你对自己的学习有信心,同时也是对自己的一个很好的提高
        没有什么新的东西,希望得到大家对我的支持,我会在以后的时间里根据大家的要求写出更多的新文章
    谢谢大家


     

  • 相关阅读:
    ionic2项目中实现md5加密
    ionic2中使用极光IM的WebSDK实现即时聊天
    react-native清除android项目缓存的命令
    在react-native项目中使用iconfont自定义图标库
    ionic2中使用videogular2实现m3u8文件播放
    vue-video-player集成videojs-contrib-hls实现.m3u8文件播放
    react组件生命周期
    在vue2中隐藏elementUI的tab栏
    Spark2.1.0——Spark初体验
    Spark2.1.0——运行环境准备
  • 原文地址:https://www.cnblogs.com/caodaiming/p/1166047.html
Copyright © 2011-2022 走看看