利用ICallbackEventHandler接口实现无刷新的方法(3)--示例

最新推荐文章于 2024-05-04 09:38:05 发布

wx4421

最新推荐文章于 2024-05-04 09:38:05 发布

阅读量848

点赞数

分类专栏： ASP.NET AJAX 文章标签： string button function 数据库服务器 keyboard

本文链接：https://blog.csdn.net/wx4421/article/details/1328211

版权

ASP.NET 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

AJAX

3 篇文章 0 订阅

订阅专栏

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script type="text/javascript">
    function LookUpStock()
    {
        var lb = document.forms[0].ListBox1;
        var product = lb.options[lb.selectedIndex].text
        CallServer(product, "");
    }

    function ReceiveServerData(rValue)
    {
        Results.innerText = rValue;
    }
</script>
</head>
<body>
<form id="form1" runat="server">
    <div>
      <asp:ListBox ID="ListBox1" Runat="server"></asp:ListBox>
      <br />
      <br />
      <button οnclick="LookUpStock()">Look Up Stock</button>
      <br />
      <br />
      Items in stock: <span ID="Results"></span>
      <br />
    </div>
</form>
</body>
</html>

// ClientCallback.aspx.cs code-behind page
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class ClientCallback : System.Web.UI.Page,
     System.Web.UI.ICallbackEventHandler
{
    protected System.Collections.Specialized.ListDictionary catalog;
    protected void Page_Load(object sender, EventArgs e)
    {
        String cbReference =
            Page.ClientScript.GetCallbackEventReference(this,
            "arg", "ReceiveServerData", "context");
        String callbackScript;
        callbackScript = "function CallServer(arg, context)" +
            "{ " + cbReference + "} ;";
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
            "CallServer", callbackScript, true);

        catalog = new System.Collections.Specialized.ListDictionary();
        catalog.Add("monitor", 12);
        catalog.Add("laptop", 10);
        catalog.Add("keyboard", 23);
        catalog.Add("mouse", 17);

        ListBox1.DataSource = catalog;
        ListBox1.DataTextField = "key";
        ListBox1.DataBind();
    }

    public String RaiseCallbackEvent(String eventArgument)
    {
        String returnValue;
        if (catalog[eventArgument] == null)
        {
            returnValue = "-1";
        }
        else
        {
            returnValue = catalog[eventArgument].ToString();
        }
        return returnValue;
    }
}
该网页模拟一个数据库查找，以确定一系列产品（显示器、键盘等）的供货数量或库存数量。为了简化此代码示例，
数据库由包含少量物品的词典列表来表示。对于表中的每件物品，键就是物品名称（如显示器），值就是物品的库存数。
但是在成品应用程序中，将使用数据库。
当运行此页时，ListBox 控件被绑定到哈希表，这样，ListBox 控件便可以显示产品列表。此页还包含一个 button 元
素（并非 Button Web 服务器控件），其 onclick 事件被绑定到一个名为 LookUpStock 的客户端函数。当用户单击按钮时，
该按钮便会执行 LookUpStock 函数，此函数从列表框中获取当前所选内容，然后通过调用 CallServer 函数来执行客户端回调。

代码隐藏页通过 RegisterClientScriptBlock 方法向该页添加客户端脚本。添加到该页的脚本包括一个称为 CallServer 的函
数，此函数用于获取将从 GetCallbackEventReference 方法回发到服务器的方法的名称。

客户端回调调用 RaiseCallbackEvent 方法，该方法会返回传递给它的产品的可用库存。请注意，在客户端脚本与服务器代码之间发送的参数只能是字符串。

wx4421

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
利用ICallbackEventHandler接口实现无刷新的方法(3)--示例

CodeFile="ClientCallback.aspx.cs" Inherits="ClientCallback" %> 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/1999/xhtml" > function LookUpStock() { va
复制链接

扫一扫