asp.net - Asp.Net Webform 中的 SignalR 和 Knockout JS

标签 asp.net webforms knockout.js signalr

我在 MVC 平台上看到了 SignalIR 和 KnockoutJS 示例,但在 WebForm 上没有看到。请建议我,我们可以在WebForm上使用吗?任何文章链接都会很有值(value)。

最佳答案

我知道这正好晚了一个月,但这里有一个简单的例子 [这是我通过探索 MVC examples 构建的一个简单的例子。 ]

假设您有一个名为 MyPage 的页面

在 .aspx 文件中写入以下内容:

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

<!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 src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.signalR-0.5.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src='<%= ResolveClientUrl("~/signalr/hubs") %>'></script>

    <script type="text/javascript">
        $(function () {
            var conChat = $.connection.chat;
            conChat.addMessage = function (message) {
                $('#disMess').append('<li>' + message + '</li>');
            };
            $("#btnSend").click(function () {
                conChat.send($('#txtMess').val());
                $('#txtMess').val('');
            });
            $.connection.hub.start();
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ul id="disMess"></ul>
        <input id="txtMess" />
        <!-- see onclick also -->
        <input id="btnSend" type="button" value="Send" />
    </div>
    </form>
</body>
</html>

实际上 .cs 文件中没有任何内容[或背后的代码]

您需要添加 ASP.NET 文件夹“Add_Code”,并使用以下代码在其中放置一个类“Chat.cs”:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using SignalR.Hubs;

namespace NewSignalRChat
{
    public class Chat : Hub
    {
        public void Send(string msg)
        {
            Clients.addMessage(msg);
        }
    }
}

关于asp.net - Asp.Net Webform 中的 SignalR 和 Knockout JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11133642/

相关文章:

php - cURL 将数据发布到 asp.net 页面

c# - 标准化文件夹中的文件名

forms - 让残疾人士可以访问验证码。您使用了哪些方法?

javascript - 理解 RegisterStartupScript : How often will the JavaScript code be called?

javascript - 禁用 knockout 中无法正常工作的功能

javascript - 如何在可观察数组中 knockout 可观察对象

c# - 绑定(bind)到详细信息 View 控件中的复选框时将 DBNull 转换为 bool 值

c# - ASP.NET - 在 UpdatePanel 内的 ListView 内使用 LinkBut​​ton 触发异步回发

.net - 以编程方式使用Web表单母版页作为ASP.Net MVC View 的母版页

knockout.js - 使用 knockoutjs 显示层次结构(树)