Dropdownlist selectedindexchanged事件未触发

问题描述 投票:0回答:4

只是我在页面上的UpdatePanel中有一个带有RequiredFieldValidatior的下拉列表,我为下拉列表启用了自动回发。

问题是Dropdownlist selectedindex事件未触发。当我验证页面并发生ant错误时,会发生这种意外行为。

我搜索了很多但找不到解决方法

我的代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function ValidateMe() {
            if (Page_ClientValidate("vgOption")) {
                alert("valid");
            }

            return false;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="smMain" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="pnlMain" runat="server" ChildrenAsTriggers="true">
        <ContentTemplate>
            <table border="1" cellpadding="5" cellspacing="0">
                <tr>
                    <td>
                        Option:
                    </td>
                    <td>
                        <asp:DropDownList runat="server" AutoPostBack="true" ID="Opt" OnSelectedIndexChanged="Opt_SelectedIndexChanged" ValidationGroup="vgOption">
                            <asp:ListItem Text="--Select Option--" Value="0" />
                            <asp:ListItem Text="Upload" />
                            <asp:ListItem Text="Download" />
                        </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="rfv" runat="server" ControlToValidate="Opt" Display="None" InitialValue="0" ValidationGroup="vgOption" ErrorMessage="Please select an option"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        Postback:
                    </td>
                    <td>
                        <asp:Label Text="" ID="lblMessage" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <input type="button" onclick="return ValidateMe();" value="Test" title="Test" />
                        <asp:ValidationSummary ValidationGroup="vgOption" runat="server" ShowMessageBox="true" ShowSummary="false" DisplayMode="List" />
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

隐藏代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Opt_SelectedIndexChanged(object sender, EventArgs e)
    {
        lblMessage.Text = "Autopostback: " + DateTime.Now.ToString();
    }
}

重新填充问题的步骤:1.单击下拉菜单中的第一个选项2.点击提交按钮3.更改dropdownlist的值(这应该触发selectedindex更改的事件,但是不会)

PS:单击提交按钮时,我不想发回邮件,这就是为什么我添加了<input>而不是asp.net按钮,即使我添加asp.net按钮也不起作用

c# asp.net ajaxcontroltoolkit
4个回答
1
投票

在JS代码中添加了Page_BlockSubmit = false;,这阻止了回发...

<script type="text/javascript">
    function ValidateMe() {
        if (Page_ClientValidate("vgOption")) {
            alert("valid");
        }
        Page_BlockSubmit = false;
        return false;
    }
</script>

参考:http://www.techques.com/question/1-2083929/Dropdownlist-doesn%27t-postback-after-Page_ClientValidate%28%29


0
投票

替换

<input type="button" value="Test" title="Test"  runat="server" validationgroup="vgOption"/>

with

<asp:Button ID="btn" runat="server" Title="Test" Text="Test"  ValidationGroup="vgOption" OnClientClick="return ValidateMe()"/>

问题已解决。


0
投票
Add property ViewStateMode="Enabled" and EnableViewState="true"

在下拉列表中DropDownList

更多详细信息click here


0
投票

单击提交按钮时,如果页面验证返回false,然后第一次更改下拉列表的selected-index将不起作用。因为在提交表单时,它将进行表单验证。

  • 如果Validation返回false [表明不提交表单],那么您将无法进入服务器端代码。
  • 由于您已对Dropdown使用“ SelectedstateChanged”事件,因此在将表单验证返回为false后,事件处理程序函数内的代码将不会执行。

为处理此问题,请添加onchange="Page_BlockSubmit = false;"

 <asp:DropDownList runat="server" AutoPostBack="true" ID="Opt" OnSelectedIndexChanged="Opt_SelectedIndexChanged" CausesValidation="false" ValidationGroup="none" onchange="Page_BlockSubmit = false;">
   <asp:ListItem Text="--Select Option--" Value="0" />
   <asp:ListItem Text="Upload" />
   <asp:ListItem Text="Download" />
</asp:DropDownList>

参考链接http://burnignorance.com/asp-net-developer-tips/dropdownlist-validation-problem-in-asp-net/

© www.soinside.com 2019 - 2024. All rights reserved.