Question

我需要在更改下拉列表值时执行一些逻辑执行。在执行逻辑之前，我需要进行用户确认，然后调用服务端方法来完成该过程。不确定如何根据用户的模态弹出确认响应调用服务器端方法。因此，如果用户在模态弹出服务器端确认是按钮，则应调用端代码，否则不执行任何操作。

这是我的代码。在模态弹出确认时不会调用服务器端。

    function PopupDialog(title, text) {
        var div = $('<div>').html('<br>'+text).dialog({
        title: title,
        modal: true,
        height: 190,
        width: 320,
        buttons: {
            "Yes": function () {
                $(this).dialog('close');

            },
            "No": function () {
                $(this).dialog('close');

            }
         }
         });

         return true;
      };



     <asp:GridView runat="server" ID="grdTransactions" SkinID="gridviewskin"  
        AllowSorting="true" AllowPaging="true" PageSize="30" Width="100%" 
        OnRowDataBound="grdTransactions_RowDataBound"
        OnDataBound="grdTransactions_DataBound"  
        OnSelectedIndexChanged="grdTransactions_SelectedIndexChanged">

       .............

    <asp:TemplateField Visible="true" HeaderText="Status" >
        <ItemTemplate>
            <asp:Label runat="server" ID="lblStatus"  Visible="False" Text='<%# ShowStatus( Container.DataItem ) %>' />
            <asp:DropDownList ID="ddlTransactionList" AutoPostBack="True"  OnSelectedIndexChanged="ddlTransactionList_SelectedIndexChanged" onchange="return PopupDialog('Remittance Confirmation','Are you sure you want to update the status?.');"  runat="server"></asp:DropDownList>
            <br/>
        </ItemTemplate>
    </asp:TemplateField>


   **Server Side Code --**
    protected void ddlTransactionList_SelectedIndexChanged(object sender, 
          EventArgs e)
    {
        //Your Code
        if (OnDataChanged != null)
            OnDataChanged(sender, e);
    }

谢谢

Answer 1

我认为ASP.NET创建的javascript与您添加到下拉列表中的onchange事件（onchange =“return ....”）之间存在冲突，因此它忽略了回发的调用。 / p>

我首先尝试在前端尝试这样的事情：

// remove the autopostback & onchange from the ddl definition
<asp:DropDownList ID="ddlTransactionList" runat="server"></asp:DropDownList>

function PopupDialog(title, text) {
    var div = $('<div>').html('<br>'+text).dialog({
    title: title,
    modal: true,
    height: 190,
    width: 320,
    buttons: {
        "Yes": function () {
            $(this).dialog('close');
            return true;
        },
        "No": function () {
            $(this).dialog('close');
        }
    }
});

};

$(document).ready(function(){
    $("<% ddlTransactionList.CLientID %>").change(function(){
        if(PopupDialog('Remittance Confirmation','Are you sure you want to update the status?.')){
            __doPostBack('ddlTransactionList')
        }
    });
});

在代码隐藏中：

public void Page_Load(object sender, EventArgs e)
{
    string parameter = Request["__EVENTARGUMENT"]; // parameter
    // Request["__EVENTTARGET"]; // ddlTransactionList
    // make your call to ddlTransactionList_SelectedIndexChanged() here
}

如果有帮助，请告诉我们。

从asp.net下拉列表更改调用jquery模式弹出窗口

1 个答案: