Question

我正在尝试用RadButton和JQuery做一些相当简单的事情。我有一个带div的转发器，一个radbutton和一个内部div，当点击按钮时，应该使用.slideDown或.slideUp（inner_container）。我需要这只发生在被点击的按钮的outside_container中的div inner_container。

在转发器中重复这些按钮和样式，所以我需要一个特定的容器，否则它们都会打开和关闭。我无法得到.parents（“outside_container”）。find（“inner_container”）。slideDown（）工作，因为我似乎无法找到特定的radbutton id或者我是否使用var button = sender.get_id（）; jquery函数.parents（）不能用它吗？

我对如何使用RadButtons上下滑动这个幻灯片感到茫然。而且我无法切换到asp：按钮，因为这是我正在更新的现有项目。

function ShowVoidDetail(sender, args) 
{
   var button = sender.get_id();

    $(button).parents(".event_is_void_container").find(".event_is_void").slideDown();
    sender.set_text("Hide Void Event");

    args.set_cancel(true);
 }

下面的aspx页面......

<asp:repeater>
<itemtemplate>
        <table>
    <tr>
        <td>
                     <div class="event_is_void_container">
                    <div class="buttons">
                        <rad:RadButton id="btnShowDetails" OnClientClicking="ShowDetail"/>
                    </div>

                    <div class="event_is_void"> /*this style is display:none by default*/
                        A bunch of data...
                    </div>
                <div>
            </td>
        </tr>
</itemtemplate>

Answer 1

如果您在按钮中添加了一个类，那么您可以将click事件绑定到该类，然后使用this元素仅操作单击的按钮，如下所示

$('.expandButton').click(function () {
    $(this).parent().next().slideDown();
});

你的转发器代码看起来像这样：

   <asp:repeater>
   <itemtemplate>
           <table>
       <tr>
           <td>
                        <div class="event_is_void_container">
                       <div class="buttons">
                           <rad:RadButton id="btnShowDetails" 
                          OnClientClicking="ShowDetail" class="expandButton" />   
                       </div>

                       <div class="event_is_void"> /*this style is display:none by default*/
                           A bunch of data...
                       </div>
                   <div>
               </td>
           </tr>
   </itemtemplate>

以下是http://jsfiddle.net/Z5s95/

的示例

带有JQuery的Telerik RadButton

1 个答案: