我接手了一个即将过完工的网站,刚接过来时.老板给我出了一个问题:在一个页面中放有树型菜单,第一次点击时树型菜单不能展开(未展开的效果如图一),第二次点击时树型菜单才能展开(展开后的效果如图二).现在老板要求是:点第一次时,此树型菜单就能展开如图二.
查看效果页面是http://www.tontel.com.cn/products.aspx
老板要求我今天一定要搞定.请高手帮忙! 致谢!

解决方案 »

  1.   

      二级节点加 Expanded="True"
      

  2.   

    用一个DIV来放置,暂时命名为contentDiv
    进口品牌,台湾品牌,国产品牌等内容,每次加载时把它的display设置为none,当点击程序交换机这里时把contentDiv的display设置为block
    在JS中控制显示与否
      

  3.   

    我这里的关于这个树型菜单的.cs部分代码是:
    Mkt3C_Class.MainClass MyCls = new Mkt3C_Class.MainClass();
    TableRow r;
    TableCell c;
    DataSet myds = new DataSet();
    protected void Page_Load(object sender, System.EventArgs e)
    {
    SqlDataAdapter myadp = new SqlDataAdapter("select * from tc_protype order by pt_order asc, pt_id asc",MyCls.SqlConn);
    myadp.Fill(myds,"protype"); DataRow[] myrows = myds.Tables["protype"].Select("pt_parentid=0");
    NemuMain.Attributes.Add("style","border-collapse:separate"); if(myrows.Length > 0)
    {
    for(int i=0; i < myrows.Length; i++)
    {
    r = new TableRow();
    c = new TableCell();

    if(myds.Tables["protype"].Select("pt_parentid=" + myrows[i]["pt_id"].ToString()).Length > 0)
    {
    c.Attributes.Add("style","height:25px;CURSOR: hand");
    c.ID = "menuTitle" + myrows[i]["pt_id"].ToString();
    c.Attributes.Add("onclick","showsubmenu(" + myrows[i]["pt_id"].ToString() + ")");
    c.Attributes.Add("class","tree1close");
    c.Text = "<a href='productslist.aspx?typeid=" + myrows[i]["pt_id"].ToString() + "' class='tree-link'><font color='#FFFFFF'>" + myrows[i]["pt_name"].ToString() + "</font></a>";
    r.Cells.Add(c);
    NemuMain.Rows.Add(r);
    ShowSub(myrows[i]["pt_id"].ToString(),NemuMain);
    }
    else
    {
    c.Attributes.Add("style","height:25px;CURSOR: hand");
    c.Attributes.Add("class","tree1open");
    c.Text = "<a href='productslist.aspx?typeid=" + myrows[i]["pt_id"].ToString() + "' class='tree-link'><font color='#FFFFFF'>" + myrows[i]["pt_name"].ToString() + "</font></a>";
    r.Cells.Add(c);
    NemuMain.Rows.Add(r);
    }
    }
    }.ascx代码如下:
    <%@ Control Language="c#" Inherits="_3CMarket.ascx.proclass" CodeFile="proclass.ascx.cs" %>
    <script type="text/javascript" language="javascript">
    function showsubmenu(sid)
    {
    whichEl = eval("Proclass1_submenu" + sid);
    if (whichEl.style.display == "none")
    {
    eval("Proclass1_submenu" + sid + ".style.display=\"\";");
    eval("Proclass1_menuTitle" + sid + ".className=Proclass1_menuTitle" + sid + ".className.replace(\"close\",\"open\");");
    }
    else
    {
    eval("Proclass1_submenu" + sid + ".style.display=\"none\";");
    eval("Proclass1_menuTitle" + sid + ".className=Proclass1_menuTitle" + sid + ".className.replace(\"open\",\"close\");");
    }
    }
    </script>
    <table width="298" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td align="center" height="40"><img src="images\menu_list.gif" alt="产品栏目列表" border="0"/></td>
    </tr>
    </table>
    <table width="298" border="0" cellpadding="0" cellspacing="0" bgcolor="#f6fafd">
    <tr>
    <td>
    <asp:Table id="NemuMain" runat="server" Width="100%" CellPadding="0" CellSpacing="0"></asp:Table></td>
    </tr>
    </table>
    请高手给一个关于上面问题的解决办法.