Question

我想在ASP面板中添加一个可扩展的asp网格，我希望通过更改面板的可见true / false选项使其可见/不可见。

如果我删除asp：Panel ID =“test1”，网站打开时，exandable gridview工作没问题。

一旦我在面板中添加代码，我收到一条错误消息：

Expression expected.
Source Error:
Line 46: <a href="JavaScript:divexpandcollapse('div<%# Eval(&quot;reporting_group&quot;) %>');">

有人能解释为什么会发生这种情况以及如何避免它。我也试过Ajax TabContainer也有同样的结果。

见下面的代码。

<script language="javascript" type="text/javascript">
    function divexpandcollapse(divname) {
        var div = document.getElementById(divname);
        var img = document.getElementById('img' + divname);
        if (div.style.display == "none") {
            div.style.display = "block"; img.src = "Images/Icons/minus.jpg";
        } else { div.style.display = "none"; img.src = "Images/Icons/plus.jpg"; }
    }</script>

<asp:Panel ID="test1" runat="server">
    Panel 1<br />
    <asp:UpdatePanel ID="UP_TabContainer" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:GridView ID="GV_SL" runat="server" AutoGenerateColumns="False" 
                DataSourceID="SQL_Weekly" OnRowCommand="GV_SL_RowCommand" 
                OnRowDataBound="gvUserInfo_RowDataBound">
                <Columns>
                    <asp:TemplateField ItemStyle-Width="50px">
                        <ItemTemplate>
                            <a href="JavaScript:divexpandcollapse('div<%# Eval(&quot;reporting_group&quot;) %>');">
                            <img id="imgdiv<%# Eval("reporting_group") %>" width="15px" border="0" src="Images/Icons/plus.jpg" />
                            </a>
                        </ItemTemplate><ItemStyle Width="40px" />
                    </asp:TemplateField>
                    <asp:BoundField DataField="name" HeaderText="Group" SortExpression="name" />
                    <asp:BoundField DataField="ASL" HeaderText="SL% Act" ReadOnly="True" />
                    <asp:TemplateField>
                        <ItemTemplate>
                            <tr>
                                <td >
                                    <div ID='div<%# Eval("reporting_group") %>' style="display: none; position: relative;
                                    left: 15px; overflow: auto">
                                        <asp:GridView ID="gvChildGrid" runat="server" AutoGenerateColumns="false">
                                            <Columns>
                                                <asp:BoundField DataField="Metric" 
                                                    HeaderText=" "/> 
                                                <asp:BoundField DataField="Actual" HeaderText="Actual" />
                                            </Columns>
                                        </asp:GridView> 
                                    </div>
                                </td>
                            </tr>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
            <br />
            <asp:SqlDataSource ID="SQL_Weekly" runat="server" 
                ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand=" SQL QUERY" <SelectParameters> 
                </SelectParameters>
            </asp:SqlDataSource>
            <asp:SqlDataSource ID="SQL_Group" runat="server" 
                ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand=" SQL QUERY" ></asp:SqlDataSource>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="DateSelection" 
                EventName="SelectedIndexChanged" />
        </Triggers>
    </asp:UpdatePanel>
    <br />
</asp:Panel>

Answer 1

尝试更改链接触发JavaScript的方式为：

<a href="#" onclick="divexpandcollapse('div<%# Eval("reporting_group") %>');return false;">
    <img id="imgdiv<%# Eval("reporting_group") %>" width="15px" border="0" src="Images/Icons/plus.jpg" />
</a>

注意：

使用"代替"（修复编译错误）
将链接href设置为"#"
使用onclick事件执行JavaScript（良好做法）

Answer 2

我认为您的更新面板与客户端JavaScript存在冲突。

如果您正在使用更新面板，为什么不将<a href更改为asp：LinkButton控件并切换该对象的click事件的可见性。

ASP面板内的可扩展Gridview

2 个答案: