Asp.Net Web Form中的SignalIR和KnockoutJS

时间:2012-06-21 07:40:54

标签: asp.net webforms knockout.js signalr

我在MVC平台上看到过SignalIR和KnockoutJS样本的样本,但在WebForm上没有。请建议我,我们可以在WebForm上使用吗?任何文章链接都会很明显。

2 个答案:

答案 0 :(得分:2)

我知道这已经晚了一个月,但这是一个快速的例子[这是我通过探索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);
        }
    }
}

答案 1 :(得分:1)

SignalR托管(服务器端)实现为AspNetHandler,因此不依赖于mvc。 SignalR客户端和KnockoutJs是javascript组件,不依赖于mvc或web表单。只需将web methods用于网络表单,而不是mvc的操作方法。