界面截图
数据库表(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用来向页面注册一段脚本,这是一个常用的函数。
下一章,我们会根据这里设置的菜单类型(树形菜单或者手风琴式菜单),来在左侧的区域内动态创建菜单。
下载全部源代码