TreeView-iframe

Question

页面中一个TreeView,有N个TreeNode中每一个都是链接，例如
 <asp:TreeNode Text="汉堡包" Value="汉堡包" NavigateUrl="HamList.aspx?id=all" Target="main"></asp:TreeNode>TreeView旁边是一个<iframe style="height: 767px;" frameborder="0" height="640" name="main" scrolling="no"  width="586">
        </iframe>iframe默认加载页：
<script type="text/javascript">
            window.frames["main"].location.href = "PackageList.aspx?id=all";
              
        </script>问题是这样，点击TreeNode项后iframe中加载的页面会覆盖TreeView，请问该怎样解决

Answer 1

你把页面分成两个iframe,左放treeview,右放要显示的,试下

Answer 2

我把代码贴出来
 <table style="background:#DEEEC8"  ><tr>
     <td valign="top"><asp:TreeView ID="TreeView1" runat="server" Font-Size="12px" Width="143px" AutoGenerateDataBindings="False" EnableTheming="True" ExpandDepth="1">
                <Nodes>
                    <asp:TreeNode Text="套餐类型" Value="套餐类型">
                        <asp:TreeNode Text="本店套餐" Value="本店套餐" NavigateUrl="PackageList.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="本店合作套餐" Value="本店合作套餐" NavigateUrl="CooperationList.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="面食类" Value="面食类" NavigateUrl="Pasta.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="水饺类" Value="水饺类" NavigateUrl="Dumplings.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="肉制品类" Value="肉制品类" NavigateUrl="Meat.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="饮料类" Value="饮料类" NavigateUrl="Beverages.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="本店小炒" Value="本店小炒" NavigateUrl="CookingList.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="汉堡包" Value="汉堡包" NavigateUrl="HamList.aspx?id=all" Target="main"></asp:TreeNode>
                        <asp:TreeNode Text="其他杂类" Value="其他杂类" NavigateUrl="Other.aspx?id=all" Target="main"></asp:TreeNode>
                    </asp:TreeNode>
                </Nodes>
            </asp:TreeView></td><td><iframe style="height: 767px;" frameborder="0" height="640" name="main" scrolling="no"  width="586">
        </iframe></td>
            </tr>
            </table>
    </div>
    <script type="text/javascript">
            window.frames["main"].location.href = "PackageList.aspx?id=all";
              
        </script>
就是点击asp:TreeNode中任何一个页面中就只显示iframe中加载的页面不显示TreeView了

Answer 3

用模母板页可以达到类似的效果,把树形导航栏放到母版页中,你所需要加载的内容放在内容页的Content标签内,然后在XML配置文件中写跳转路径就OK了!