.Net图表开发工具JDash.Net现及设计Dashboard

最新推荐文章于 2022-08-11 09:25:49 发布

weixin_30563917

最新推荐文章于 2022-08-11 09:25:49 发布

阅读量145

点赞数

文章标签：开发工具

原文链接：http://www.cnblogs.com/wiredman/p/3520678.html

版权

本章节是此次.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);
}