如何使用Dropdown Extender触发OnSelectedIndexChanged事件

我想使用AjaxToolKit的dropdownlistextender构造下拉列表。我有以下的标记：如何使用Dropdown Extender触发OnSelectedIndexChanged事件

<asp:Label ID="ddTest" runat="server" Text="Transactions" Width="300px" BorderColor="#C0C0C0" CssClass="selecter"/> 
    <ajaxToolkit:DropDownExtender runat="server" ID="ddeSections" 
       TargetControlID="ddTest" DropDownControlID="panelItems" HighlightBackColor="Silver" 
       DropArrowBackColor="white" HighlightBorderColor="Silver"/>

及以下的 “名单” 的项目：

<table runat="server" id="ctlOptions" class="options" cellspacing="2" cellpadding="2" border="1"> 
    <tr><td class="item" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" onclick="clickIt(this)">Transactions</td></tr> 
    <tr><td class="item" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" onclick="clickIt(this)">The second option</td></tr> 
    <tr><td class="item" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" onclick="clickIt(this)">The third option</td></tr> 
    <tr><td class="item" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" onclick="clickIt(this)">The fourth option</td></tr> 
    <tr><td class="item" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" onclick="clickIt(this)">The fifth option</td></tr> 
    </table>

我的JavaScript看起来像这样：

function mouseOver(obj) { 
    if (obj) obj.className = 'itemOver'; 
} 


function mouseOut(obj) { 
    if (obj) obj.className = 'item'; 
}

其中项目和itemOver是适当样式的CSS类。问题是我想要我的onClick点击事件触发服务器上的SelectedIndexChanged -type事件。我曾尝试使用此功能：

function clickIt(obj) { 
    var ddTest = document.getElementById("ctl00_ContentPlaceHolder1_ddTest"); 
    var selVal = ''; 
    if (ddTest) { 
     selVal = obj.firstChild.nodeValue; 
     ddTest.firstChild.nodeValue = selVal; 
     __doPostBack('<%=ddSections.ClientID %>', ''); 
    } 
}

ddSections是asp:Dropdown其OnSelectedIndexChanged事件我试图触发。

这会触发页面级回发，但不会触发ddSections_SelectedIndexChanged服务器端方法，我想要触发。顺便说一下，ddSections将被隐藏。

请您提供一些建议。我花了三天的时间试图找出这个问题，并且空手而归。为了便于阅读，请随意重新格式化。在此先感谢。

来源

2013-02-12 funkymushroom

我问了这个问题已经两个星期了，我假设没有人会回答，所以为了记录，我会发布我如何真正解决这个问题。

我改变了使用html表来使用无序列表。（一个选项，我以前被忽略，因为在造型的<UL>我认为难度。
我添加了两个隐藏字段，一个触发事件是否已经解雇，以及一个存储选定值。

<asp:HiddenField runat="server" ID="hidSelectionChanged" Value="false"/> <asp:HiddenField runat="server" ID="hidSelectionValue" Value=""/>

我创建了 “改变” 事件如下：

function onchange(param) { 
    var chg = document.getElementById('<%=hidSelectionChanged.ClientID%>'); 
    var val = document.getElementById('<%=hidSelectionValue.ClientID%>'); 

    if (chg) { 
     chg.value = 'true'; 
    } 
    if (val) { 
     val.value = param; 
    } 

    __doPostBack('pnlResults', ''); 
}

然后在UL的每个LI我有这个代码：

<li class="ddl_li"><a href="javascript:onchange('Summary_1')">Summary</a></li>

结果是一整页后回，但在Page_Load活动页面，我现在可以检查hidSelectionChanged.Value，看是否回传是由我的下拉菜单触发的，我可以检查hidSelectionValue.Value以获得选定的值。

最后，所有的工作都很好。

来源

2013-03-01 19:01:20 funkymushroom

如何使用Dropdown Extender触发OnSelectedIndexChanged事件

回答

相关问题