如何在onclick事件中保持打開RadMenu

我在母版頁中使用了radmenu。當我嘗試點擊radmenu項目，我的radmenu得到close.i要打開此radmenu即使點擊。如何在onclick事件中保持打開RadMenu

我搜索了telerik中的一些論壇，其中人們說StaysOpenOnClick屬性設置爲True。

當我嘗試設置StaysOpenOnClick屬性時，該屬性未顯示在radmenu控件的屬性框中。

表示我無法找到控制權中的StaysOpenOnClick財產。

你能爲這個問題提供解決方案嗎？

我做了什麼，

<telerik:RadMenu ID="RadMenu3" runat="server" ClickToOpen="true" > 
         <Items> 
          <telerik:RadMenuItem Text="User Reminder" Selected="true" ImageUrl="../Images/todo.png" PostBack="false" Value="1" BackColor="#5872A6" ForeColor="White" Font-Bold="True" Font-Names="Verdana" Font-Size="1em" ToolTip="User Reminders"> 
          <Items> 
          <telerik:RadMenuItem PostBack="false" > 
          <ItemTemplate> 
          <div style=" width:400px;" > 
          <ucProviderReminder:ProviderReminder ID="ProviderReminder" runat="server" /> 
          </div> 
          </ItemTemplate> 
          </telerik:RadMenuItem> 
         </Items> 
          </telerik:RadMenuItem> 
         </Items> 
        </telerik:RadMenu>

來源

2013-08-23 user632299

迴應朋友，我的回答對你有用嗎？ – zey

任何人有任何想法？ – user632299

在RadMenu屬性添加ClickToOpen="true"。例如，

<telerik:RadMenu ID="RadMenu1" runat="server" Width="100%" Height="40px" 
    EnableRoundedCorners="True" ClickToOpen="true" >

這是客戶端的JavaScript函數打開和關閉RadMenu，這只是一個例子。
但是你可以參考這個。在這個代碼中，它有兩個按鈕，open和close。
你可以看到，如果用戶點擊open，具有給定值的radmenu項目將打開，它將保持不動，直到mouse over纔會崩潰，直到點擊close按鈕。

<script type="text/javascript"> 
    function OpenItem() 
    { 
     var menu = $find("RadMenu1"); 
     var text = $get("openTextBox").value; 

     var item = menu.findItemByText(text); 

     if (item) 
     { 
      item.open(); 
     } 
     else 
     { 
      alert("Item with text '" + text + "' not found."); 
     } 
    } 

    function CloseItem() 
    { 
     var menu = $find("RadMenu1"); 
     var text = $get("closeTextBox").value; 

     var item = menu.findItemByText(text); 

     if (item) 
     { 
      item.close(); 
     } 
     else 
     { 
      alert("Item with text '" + text + "' not found."); 
     } 
    } 
</script> 


    <telerik:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="true" EnableShadows="true"> 
       <Items> 
        <telerik:RadMenuItem Text="Corporate"> 
         <Items> 
          <telerik:RadMenuItem Text="About us"> 
          </telerik:RadMenuItem> 
          <telerik:RadMenuItem Text="Careers"> 
          </telerik:RadMenuItem> 
         </Items> 
        </telerik:RadMenuItem> 
        <telerik:RadMenuItem Text="Services"> 
         <Items> 
          <telerik:RadMenuItem Text="Products"> 
          </telerik:RadMenuItem> 
          <telerik:RadMenuItem Text="Solutions"> 
          </telerik:RadMenuItem> 
          <telerik:RadMenuItem Text="Certifications"> 
          </telerik:RadMenuItem> 
         </Items> 
        </telerik:RadMenuItem> 
        <telerik:RadMenuItem Text="Work"> 
         <Items> 
          <telerik:RadMenuItem Text="Clients"> 
          </telerik:RadMenuItem> 
          <telerik:RadMenuItem Text="Testimonials"> 
          </telerik:RadMenuItem> 
          <telerik:RadMenuItem Text="FAQ"> 
          </telerik:RadMenuItem> 
         </Items> 
        </telerik:RadMenuItem> 
       </Items> 
      </telerik:RadMenu> 


     Item to open: &nbsp;<input type="text" id="openTextBox" value="Corporate" class="textfield" 
       style="vertical-align: top;" /> 
      <button class="button" onclick="OpenItem();return false;" style="width: 70px"> 
       Open</button><br /> 
      Item to close: 
      <input type="text" id="closeTextBox" value="Corporate" class="textfield" style="vertical-align: top;" /> 
      <button class="button" onclick="CloseItem();return false;" style="width: 70px"> 
       Close</button><br />

來源

2013-08-24 05:05:10 zey

嗨zey !!首先感謝您的回覆。我已經使用ClickToOpen屬性.ClickToOpen屬性用於指定當鼠標懸停在它們上方時菜單項不展開，直到用戶用鼠標單擊菜單。在我的RadmenuItem中，我已拍攝項目模板，並且在此項目模板中我已拍攝UserControl.in用戶控制有div，其中有點擊事件。當我點擊div Radmenu關閉。 – user632299

你能告訴我你的代碼嗎？ – zey

你能看到我的代碼嗎？我編輯了我的問題。 – user632299

-1

StaysOpenOnClick屬性在RadMenuItem上可用，而不是在RadMenu上可用。查看是否在RadMenuItem上設置StaysOpenOnClick適用於您的情況。

<telerik:RadMenu ID="RadMenu3" runat="server" ClickToOpen="true" > 
         <Items> 
          <telerik:RadMenuItem StaysOpenOnClick="True" Text="User Reminder" Selected="true" ImageUrl="../Images/todo.png" PostBack="false" Value="1" BackColor="#5872A6" ForeColor="White" Font-Bold="True" Font-Names="Verdana" Font-Size="1em" ToolTip="User Reminders" > 
           <Items> 
            <telerik:RadMenuItem PostBack="false" > 
             <ItemTemplate> 
              <div style=" width:400px;" > 
               <ucProviderReminder:ProviderReminder ID="ProviderReminder" runat="server" /> 
              </div> 
             </ItemTemplate> 
            </telerik:RadMenuItem> 
           </Items> 
          </telerik:RadMenuItem> 
         </Items> 
        </telerik:RadMenu>

來源

2013-08-27 19:25:09

這是不正確的。 – Amicable

如何在onclick事件中保持打開RadMenu

回答

相關問題