如何链接< Li>到多视图控件？ [英] How Do I Link An <Li> To An Multiview Control?

问题描述

嘿同事们，我有一个问题。 
 
i希望链接以下<   li  > 链接：
 <   li  >  <   a     href   = ＃  >  <   span  >  1.1.1今日网络<   / span  >  <   / a  >  
 <   ul  >  
 <  < span class =code-leadattribute> li     id   = 一个 >  <   a     href   = ＃ >  < span class =code-keyword><   span  >  1.1.1.1网络在我们的每日生活<   / span  >  <   / a  >  <   / li  >  
 <   li     id   =  two  >  <   a     href   = ＃ >  <   span  >  1.1.1.2技术然后现在<  < span class =code-leadattribute> / span  >  <   / a  >  <   / li  >  
 <   / ul  >  
  <   / li  >  
 
这是多视图控件：
 <   asp：MultiView     ID   = 第1章    runat   =  server >  
 <   asp：查看    runat   =  server    ID   =  View1 >  
 <   asp：Panel     ID   =  Panel1    CssClass   =  MVPanel    runat   =  server >  
 <   / asp：Panel  >  
 <   / asp：查看 >  
 <   asp：查看    runat   =  server    ID   =  View2 >  
 <   asp：Panel     ID   =  Panel2    CssClass   =  MVPanel    runat   = 服务器 >  
 <   / asp：Panel  >  
 <   / asp：查看 >  
 <   / asp：MultiView  >  
 
所以当我点击我们日常生活中的1.1.1.1网络时，多视图View1必须显示等等... 
任何帮助都将不胜感激。

解决方案

您需要将链接实现为LinkBut​​tons。在您的代码隐藏中，您可以通过使用ASP.NET& amp;更改ActiveViewIndex。

示例代码来切换MultiView。 C＃：

< br /> 
< br /> 
< form id =form1 runat =server>< br /> 
< asp：scriptmanager id =SM1runat =serverxmlns：asp =＃unknown/>< br /> 
< br /> 
< asp：updatepanel id =UP1runat =serverxmlns：asp =＃unknown>< br /> 
< contenttemplate>< br /> 
< br /> 
< asp：multiview id =MultiView1runat =serveractiveviewindex =0>< br /> 
< asp ：view id =View1runat =server>< br /> 
这是View1。点击按钮转到视图2.< br /> 
< / asp：view>< br /> 
< asp：view id =View2runat =server> < br /> 
这是View2。输入您的姓名，然后点击按钮转到视图3.< br />< br /> 
名称：< asp：textbox id =fld_Namerunat =server/>< br /> 
< / asp：view>< br /> 
< asp：view id =View3runat =server>< br /> 
< asp：literal id =lit_Namerunat =server/>这是View3。< br /> 
< / asp：view>< br /> 
< / asp：multiview>< br /> 
< br /> ;< br />< br /> 
< asp：button id =but_Submitrunat =servertext =Continueonclick =but_Submit_Click/>< br /> 
< br /> 
< / contenttemplate>< br /> 
< / asp：updatepanel>< br /> 
< / form>< br /> 
< br /> 
< br /> 
< br /> 
 Button_Click事件：< br /> 
< br /> 
< br /> 
 protected void but_Submit_Click（object sender，EventArgs e）< br /> 
 {< br /> 
 if（MultiView1.ActiveViewIndex == 0 ）< br /> 
 {< br /> 
 MultiView1.SetActiveView（View2）;< br /> 
}< br /> 
 else if（MultiView1） .ActiveViewIndex == 1）< br /> 
 {< br /> 
 MultiView1.SetActiveView（View3）;< br /> 
 if（String.IsNullOrEmpty（fld_Name.Text） ））< br /> 
 {< br /> 
 lit_Name.Text =你没输入 你的名字。 ;< br /> 
}< br /> 
 else< br /> 
 {< br /> 
 lit_Name.Text =+ fld_Name .Text +。 ;< br /> 
}< br /> 
}< br /> 
 else if（MultiView1.ActiveViewIndex == 2）< br /> 
 {< br /> 
 MultiView1.SetActiveView（View1）;< br /> 
}< br /> 
}< br /> 

hey fellow coders, i have a problem.

i want to link these following <li> links:
<li><a href="#"><span>1.1.1 Networking Today</span></a>
            <ul>
                <li id="one"><a href="#"><span>1.1.1.1 Networks in Our Daily Lives</span></a></li>
                <li id="two"><a href="#"><span>1.1.1.2 Technology Then and Now</span></a></li>
            </ul>
        </li>

and this is the multiview control:
<asp:MultiView ID="Chapter1" runat="server">
            <asp:View runat="server" ID="View1">
                <asp:Panel ID="Panel1" CssClass="MVPanel" runat="server">
                </asp:Panel>
            </asp:View>
            <asp:View runat="server" ID="View2">
                <asp:Panel ID="Panel2" CssClass="MVPanel" runat="server">
                </asp:Panel>
            </asp:View>
        </asp:MultiView>

so when i click on "1.1.1.1 Networks in Our Daily Lives" the multiview "View1" must show and so on...
any help would be appreciated.

解决方案

You need to implement the links as LinkButtons. In your codebehind, you can switch the MultiView by changing the ActiveViewIndex.

sample code using ASP.NET & C#:

<br />
<br />
<form id="form1" runat="server"><br />
<asp:scriptmanager id="SM1" runat="server" xmlns:asp="#unknown" /><br />
<br />
<asp:updatepanel id="UP1" runat="server" xmlns:asp="#unknown"><br />
<contenttemplate><br />
<br />
<asp:multiview id="MultiView1" runat="server" activeviewindex="0"><br />
<asp:view id="View1" runat="server"><br />
This is View1. Click the button to goto View 2.<br />
</asp:view><br />
<asp:view id="View2" runat="server"><br />
This is View2. Enter your name and click the button to goto View 3.<br /><br />
Name: <asp:textbox id="fld_Name" runat="server" /><br />
</asp:view><br />
<asp:view id="View3" runat="server"><br />
<asp:literal id="lit_Name" runat="server" /> This is View3.<br />
</asp:view><br />
</asp:multiview><br />
<br /><br /><br />
<asp:button id="but_Submit" runat="server" text="Continue" onclick="but_Submit_Click" /><br />
<br />
</contenttemplate><br />
</asp:updatepanel><br />
</form><br />
<br />
<br />
<br />
Button_Click Event:<br />
<br />
<br />
protected void but_Submit_Click(object sender, EventArgs e)<br />
{<br />
     if (MultiView1.ActiveViewIndex == 0)<br />
     {<br />
          MultiView1.SetActiveView(View2);<br />
     }<br />
     else if (MultiView1.ActiveViewIndex == 1)<br />
     {<br />
          MultiView1.SetActiveView(View3);<br />
          if (String.IsNullOrEmpty(fld_Name.Text))<br />
          {<br />
               lit_Name.Text = "You did not enter your name. ";<br />
          }<br />
          else<br />
          {<br />
               lit_Name.Text = "Hi, " + fld_Name.Text + ". ";<br />
          }<br />
     }<br />
     else if (MultiView1.ActiveViewIndex == 2)<br />
     {<br />
          MultiView1.SetActiveView(View1);<br />
     }<br />
}<br />

这篇关于如何链接< Li>到多视图控件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！