Question

在计算复杂的公式服务器端之后，我必须显示客户端确认。像

这样的东西

//Server side
        On ButtonClick(){
            FetchRate(field1,field2,.... fieldn);
            // Show Client side confirmation
            // Execute server side code if confirmed client side 
    }

我所做的是创建了一个客户端功能，但无论我选择哪个客户端，我的服务器端代码总是在回发上执行

// Server side    
ScriptManager.RegisterStartupScript(this,this.GetType(), Guid.NewGuid().ToString(), "ConfirmAction('"+ myRate +"');", true);
//Client side
    function ConfirmAction(myRate) {
            if (confirm('Are you sure?. Rate is exceeding '+ myRate +', proceed ?')) {
                document.getElementById('hfSaveUpdate').value = 1;
                return true;
            }
            else
                return false;
        }

Answer 1

您不能在服务器端代码之间放置客户端操作。

您的代码准备客户端确认，但在响应完成之前不会将其发送到浏览器。然后服务器立即继续处理您的数据。完成后，响应将发送到浏览器，用户将看到确认对话框。太晚了：数据已经处理完毕。对话框的结果永远不会发送到服务器。

您需要将流程拆分为两个：首先获得有关该流量的确认（可能使用ajax），然后提交要处理/存储的表单。

Answer 2

您可以使用Ajax Model Popup＆amp;处理好的＆amp;取消按钮。

<ajaxToolkit:ModalPopupExtender ID="ModelPopupID" runat="server"  
    TargetControlID="LinkButton1"  
    PopupControlID="Panel1"  
    BackgroundCssClass="modalBackground"   
    DropShadow="true"   
    OkControlID="OkButton"   
    OnOkScript="onOk()"  
    CancelControlID="CancelButton"   
    PopupDragHandleControlID="Panel3" />

从服务器代码启动模态弹出窗口：

服务器端代码：

ClientScript.RegisterStartupScript(this.GetType(), "key", "launchModal();", true);

客户端代码：

<script type="text/javascript">
 var launch = false;
 function launchModal() 
 {
 launch = true;
 }
function pageLoad() 
 {
 if (launch) 
 {
 $find("ModelPopupID").show();
 }
 }
</script>

单击模型弹出窗口，在构造代码后执行服务器端。在取消按钮单击时，只需隐藏模型弹出窗口。

有关详细信息，请查看：

ModalPopup Tutorial

Answer 3

您可以在按钮上设置onclientclick attribute

链接：http://msdn.microsoft.com/fr-fr/library/system.web.ui.webcontrols.button.onclientclick(v=vs.80).aspx

仅在客户端确认后执行服务器端代码

3 个答案: