WEB开发网
开发学院网页设计JavaScript ExtJs 备忘录(1)—— Form表单(上) [ 控件使用... 阅读

ExtJs 备忘录(1)—— Form表单(上) [ 控件使用 ]

 2009-09-07 00:00:00 来源:WEB开发网   
核心提示:版本Ext 3.0.0正文一、效果图先用美图勾引那些驻足观望之人:二、代码讲解如果项目中大量采用ExtJS做前端,我建议采用PageBase方式来引用和使用它,ExtJs 备忘录(1)—— Form表单(上) [ 控件使用 ],2.1目录结构项目中使用Ext并不需要把整个Ext拷贝到项目中,只需要把resources整

版本

Ext 3.0.0

正文

一、效果图

先用美图勾引那些驻足观望之人:

ExtJs 备忘录(1)—— Form表单(上) [ 控件使用 ]

二、代码讲解

如果项目中大量采用ExtJS做前端,我建议采用PageBase方式来引用和使用它。

2.1  目录结构

ExtJs 备忘录(1)—— Form表单(上) [ 控件使用 ]

项目中使用Ext并不需要把整个Ext拷贝到项目中,只需要把resources整个目录和如下几个人间拷贝到项目中即可:

ext-3.0.0\adapter\ext\ext-base.js

ext-3.0.0\ext-all.js

ext-3.0.0\src\locale\ext-lang-zh_CN.js

2.1  PageBase.cs

using System;
using System.Collections.Generic;
using System.Text;
using System.Web.UI.HtmlControls;
using System.Reflection;
using ExtJS.Ext;

/// <summary>
/// 主要用于全局控制
/// </summary>
public class PageBase : System.Web.UI.Page
{
    #region Member Variable

    /// <summary>
    /// 路由搜索方法:search
    /// </summary>
    public const string ROUTE_METHOD_SEARCH = "search";
    /// <summary>
    /// 路由修改方法:modify
    /// </summary>
    public const string ROUTE_METHOD_MODIFY = "modify";
    /// <summary>
    /// 路由删除方法:remove
    /// </summary>
    public const string ROUTE_METHOD_REMOVE = "remove";
    /// <summary>
    /// 路由添加方法:add
    /// </summary>
    public const string ROUTE_METHOD_ADD = "add";
    /// <summary>
    /// 路由详情方法:detail
    /// </summary>
    public const string ROUTE_METHOD_DETAIL = "detail";

    #endregion

    #region Method

    #region override method

    /// <summary>
    /// 预初始化,在初始化页面OnInit事件前触发
    /// </summary>
    /// <param name="e"></param>
    protected override void OnPreInit(EventArgs e)
    {
        #region 权限认证


        #endregion

        #region 路由请求

        //路由请求
        string reqMethod = Request.QueryString["method"];

        if (!string.IsNullOrEmpty(reqMethod))
        {
            switch (reqMethod.ToLower())
            {
                case ROUTE_METHOD_MODIFY:
                    Response.Write(Modify());
                    break;
                case ROUTE_METHOD_SEARCH:
                    Response.Write(Search());
                    break;
                case ROUTE_METHOD_REMOVE:
                    Response.Write(Remove());
                    break;
                case ROUTE_METHOD_ADD:
                    Response.Write(Add());
                    break;
                case ROUTE_METHOD_DETAIL:
                    Response.Write(Detail());
                    break;
                default:
                    //反射
                    MethodInfo method = this.GetType().GetMethod(reqMethod);
                    if (method != null)
                    {
                        Response.Write(method.Invoke(this, null));
                    }
                    break;
            }
            End();
        }

        #endregion

        base.OnPreInit(e);
    }

    /// <summary>
    /// 初始化(OnInit)
    /// </summary>
    /// <param name="e"></param>
    protected override void OnInit(EventArgs e)
    {
        #region ExtJS

        ExtHelper.Add(this.Header, this);

        #endregion

        base.OnInit(e);
    }

    #endregion

    #region virtual method

    /// <summary>
    /// 搜索
    /// </summary>
    /// <returns></returns>
    public virtual string Search()
    {
        return string.Empty;
    }
    /// <summary>
    /// 修改
    /// </summary>
    /// <returns></returns>
    public virtual string Modify()
    {
        return string.Empty;
    }
    /// <summary>
    /// 删除
    /// </summary>
    /// <returns></returns>
    public virtual string Remove()
    {
        return string.Empty;
    }
    /// <summary>
    /// 添加
    /// </summary>
    /// <returns></returns>
    public virtual string Add()
    {
        return string.Empty;
    }
    /// <summary>
    /// 详情
    /// </summary>
    /// <returns></returns>
    public virtual string Detail()
    {
        return string.Empty;
    }

    /// <summary>
    /// 可以覆盖做其他处理
    /// Response.End();
    /// </summary>
    public virtual void End()
    {
        Response.End();
    }

    #endregion

    #endregion
}

编缉推荐阅读以下文章

  • 暂无相关文章

1 2 3  下一页

Tags:ExtJs 备忘录 Form

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接