使用嵌套的转发器和图表显示信息

时间:2013-04-23 09:46:38

标签: javascript jquery asp.net

这是我现在的html,它确实显示了我想要的内容:

 <asp:Repeater runat="server" ID="repeatAwareOfStat">
          <ItemTemplate>
                <h1><%#((VitaminWDefaultClient.Entities.StatsPosition)Container.DataItem).PositionName%></h1>
                <asp:Repeater ID="Repeater1" runat="server" DataSource='<%# Eval("KnownFrom") %>'>
                    <ItemTemplate>
                        <%# Eval("Name") %>: <%# Eval("Count") %><br />
                    </ItemTemplate>
                </asp:Repeater>
                <br />
            </ItemTemplate>
        </asp:Repeater>

但是,我想使用chartplugin,这会导致一些问题。

这应该是填写信息后我想要的表格:

<table class="highchart" data-graph-container-before="1" data-graph-type="column">
                        <thead>
                            <tr>
                                <th>Occupation</th>
                                <th>some other place</th>
                                <th>Facebook</th>
                                <th>twitter</th>
                                <th>magazine</th>
                                <th>whatevr</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Daglig leder</td>
                                <td>3</td>
                                <td>0</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>0</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>                            
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>5</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>                            
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>0</td>
                                <td>3</td>
                                <td>5</td>
                                <td>10</td>
                            </tr>                            
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>1</td>
                                <td>6</td>
                                <td>2</td>
                                <td>5</td>
                            </tr>                            
                            <tr>
                                <td>Restaurantworker</td>
                                <td>3</td>
                                <td>2</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>
                        </tbody>
                    </table>

以下是使用

的对象的图片

代码隐藏:

    var list = JobBLL.LoadAwareOfStatistics();
    repeatAwareOfStat.DataSource = list;
    repeatAwareOfStat.DataBind();

在中继器中添加表格相当困难。有人能帮忙吗?

0 个答案:

没有答案