ExtAspNet应用技巧（十四） - 系统设置

界面截图



数据库表（X_Config）

设计视图： 


数据： 



帮助类

因为此配置信息为全局共享，所以我们用一个帮助类在整个应用程序生命周期只加载一次：

    namespace AppBox    {        public class XConfigHelper        {            #region fields & constructor            /// <summary>            /// 缓存在内存            /// </summary>            private static XConfigCollection configs = new XConfigCollection();            /// <summary>            /// 载入所有的配置项            /// </summary>            static XConfigHelper()            {                ReloadColl();            }            /// <summary>            /// 重新加载所有的配置项            /// </summary>            public static void ReloadColl()            {                configs = new Select().From<XConfig>()                    .ExecuteAsCollection<XConfigCollection>();            }            #endregion            #region methods            /// <summary>            /// 获取配置信息            /// </summary>            /// <param name="key"></param>            /// <returns></returns>            public static string GetValue(string key)            {                foreach (XConfig config in configs)                {                    if (config.ConfigKey == key)                    {                        return config.ConfigValue;                    }                }                return String.Empty;            }            /// <summary>            /// 设置值            /// </summary>            /// <param name="key"></param>            /// <param name="value"></param>            public static void SetValue(string key, string value)            {                foreach (XConfig config in configs)                {                    if (config.ConfigKey == key)                    {                        config.ConfigValue = value;                    }                }            }            /// <summary>            /// 保存所有更改的配置项            /// </summary>            public static void SaveAll()            {                configs.SaveAll();            }            #endregion            #region properties            /// <summary>            /// 网站标题            /// </summary>            public static string Title            {                get                {                    return GetValue("Title");                }                set                {                    SetValue("Title", value);                }            }            /// <summary>            /// 列表每页显示的个数            /// </summary>            public static int PageSize            {                get                {                    return Convert.ToInt32(GetValue("PageSize"));                }                set                {                    SetValue("PageSize", value.ToString());                }            }            /// <summary>            /// 菜单样式(手风琴式，树型菜单)            /// </summary>            public static string MenuType            {                get                {                    return GetValue("MenuType");                }                set                {                    SetValue("MenuType", value);                }            }            #endregion        }    }    

ASPX标签

    <ext:PageManager ID="PageManager1" AutoSizePanelID="SimpleForm1" runat="server" />    <ext:SimpleForm ID="SimpleForm1" runat="server" LabelWidth="100px" BodyPadding="5px"        EnableBackgroundColor="true" ShowBorder="false" Title="系统设置">        <Items>            <ext:TextBox ID="tbxTitle" runat="server" Label="网站标题" Required="true" ShowRedStar="true">            </ext:TextBox>            <ext:NumberBox ID="nbxPageSize" runat="server" Label="表格显示项数" Required="true" ShowRedStar="true">            </ext:NumberBox>            <ext:DropDownList ID="ddlMenuType" Label="菜单样式" runat="server" Required="true" ShowRedStar="true">                <ext:ListItem Text="手风琴式" Value="accordion" />                <ext:ListItem Text="树型菜单" Value="tree" />            </ext:DropDownList>            <ext:Button ID="btnSave" runat="server" ValidateForms="SimpleForm1" Text="保存设置" OnClick="btnSave_OnClick">            </ext:Button>        </Items>    </ext:SimpleForm>    

这里面有一些需要注意的属性：

• PageManager的属性AutoSizePanelID="SimpleForm1"，指定SimpleForm1充满整个页面
• SimpleForm1的属性ShowBorder="false"，去掉蓝色的边框（因为这个SimpleForm是以IFrame的形式嵌入另一个页面的）
• SimpleForm1的属性EnableBackgroundColor="true"，蓝色的背景色
• tbxTitle的属性Required="true"和ShowRedStar="true"，指定必填项和红色的标记
• btnSave的属性ValidateForms="SimpleForm1"，点击此按钮需要验证的表单（可以指定多个表单，以逗号分隔）

后台代码

    public partial class config : PageBase    {        private static readonly log4net.ILog logger = log4net.LogManager.GetLogger(System.Reflection.MethodBase.GetCurrentMethod().DeclaringType);        #region Page_Load        protected void Page_Load(object sender, EventArgs e)        {            if (!IsPostBack)            {                LoadData();            }        }        private void LoadData()        {            tbxTitle.Text = XConfigHelper.Title;            nbxPageSize.Text = XConfigHelper.PageSize.ToString();            ddlMenuType.SelectedValue = XConfigHelper.MenuType.ToLower();        }        #endregion        #region Events        protected void btnSave_OnClick(object sender, EventArgs e)        {            XConfigHelper.Title = tbxTitle.Text.Trim();            XConfigHelper.PageSize = Convert.ToInt32(nbxPageSize.Text.Trim());            XConfigHelper.MenuType = ddlMenuType.SelectedValue.ToLower();            XConfigHelper.SaveAll();            // 刷新父页面            ExtAspNet.PageContext.RegisterStartupScript("parent.window.location.href=parent.window.location.href;");        }        #endregion    }    

注意：在保存属性之后，我们需要刷新父页面来应用更改。ExtAspNet.PageContext.RegisterStartupScript用来向页面注册一段脚本，这是一个常用的函数。


下一章，我们会根据这里设置的菜单类型（树形菜单或者手风琴式菜单），来在左侧的区域内动态创建菜单。




下载全部源代码