.Net图表开发工具JDash.Net现及设计Dashboard
本章节是此次.Net图表开发工具JDash.Net教程的最后一章,我们讲解如何为DisplayDashboard.aspx添加设计功能。
步骤一
打开DisplayDashboard.aspx文件,添加一个更新面板和Repeater。 Repeater将会被用于将dashlet模版列表,用户点击dashlet模版可以将它添加到dashboard中。
请注意:DashboardView的UserDesignMode属性已变更。
代码:
<form id="form1" runat="server"> <div> <asp:scriptmanager id="ScriptManager1" runat="server"></asp:scriptmanager> <jdash:resourcemanager id="ResourceManager1" runat="server"> <asp:updatepanel runat="server"> <contenttemplate> <asp:repeater runat="server" id="modulesList" onitemcommand="modulesList_ItemCommand"> <itemtemplate> <asp:linkbutton runat="server" text="<%# Eval("title") %>" commandargument="<%# Eval("id") %>"></asp:linkbutton> </itemtemplate> </asp:repeater> </contenttemplate> </asp:updatepanel> <jdash:dashboardview id="myDashboard" userdesignmode="full" runat="server"> </jdash:dashboardview></jdash:resourcemanager></div> </form>
步骤二
在页面加载处理程序中,使用查询字符串参数得到DashboardView组件加载dashboard的ID,dashlet模版已经与repeater绑定。
代码:
protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack && !string.IsNullOrEmpty(Request.QueryString["id"])) { myDashboard.DashboardId = Request.QueryString["id"]; myDashboard.DataBind(); modulesList.DataSource = JDashManager.Provider.SearchDashletModules().data; modulesList.DataBind(); } }
步骤三
最后一步是创建一个dashlet,代码如下:
protected void modulesList_ItemCommand(object source, RepeaterCommandEventArgs e) { var moduleId = e.CommandArgument.ToString(); var module = JDashManager.Provider.GetDashletModule(moduleId); var newDashlet = new DashletModel(module); myDashboard.CreateDashlet(newDashlet); }
操作完成之后,JDash.Net框架会自动管理,你可以很方便创建你想要的dashlets。
转载自慧都控件网,原作者:走猫步的鱼,地址:http://www.evget. com/article/2013/12/19/20270.html