Question

我试图根据服务器收到的参数调用不同的javascript函数（从服务器到客户端！）。

如何从服务器指定我想在客户端调用哪个参数的函数？

public class TestData
{
    public string function{ get; set; }
    public string element{ get; set; }
}

public class PerfHub : Hub
{       
    public void Send(string id, string message)
    {
        if (!String.IsNullOrEmpty(id))
        {
            List<TestData> testList = new List<TestData>();
            if (id == "1")
            {
                testList.Add(new TestData { function= "show", element= "grid" });
                Clients.All.sendInstructions(id, testList);
            }
            else if (id == "2")
            {
                testList.Add(new TestData { function= "hide", element= "grid" });
                Clients.All.sendInstructions(id, testList);
            }

我在客户端上的JavaScript看起来像这样：

 $(function () {

    var instructions = $.connection.perfHub;

    // receive instructions from the server
    instructions.client.sendInstructions = function (id, message) {


        var requestedFunction = message;

        function show(parameters) {
            $(parameters).show();
        }

        show();

        function hide(parameters) {
            $(parameters).show();
        }

        hide();

目前我使用jQuery .hover方法将id发送到服务器，因为我似乎无法使点击事件正常工作。

    $.connection.hub.start().done(function () {
        $('html *').hover(function () {
            // Call the Send method on the hub.
            instructions.server.send($(this).attr('id'), $(this).val());
            //$('#message').val($(this).attr('id')).focus();
        }, function () {
            $('#message').val('').focus();
        });
    });
});

谢谢！

Answer 1

我用动态键修复了它。

var instructions = $.connection.perfHub;

    instructions.client.sendInstructions = function (id, message) {

        if (id === "serverFunction") {

            var ctx = {
                showRoads: function (param) { $(param).show(); },
                hideRoads: function (param) { $(param).hide(); },
                shoresOn: function (param) { $(param).show(); },
                shoresOff: function (param) { $(param).hide(); },
                showTiles: function (param) { $(param).show(); },
                sideTiles: function (param) { $(param).hide(); }
            }

            for (var index = 0; index < message.length; ++index) {
                ctx[message[index].function](message[index].element);
            }

        }
    }

    // Call the Send method on the hub.
    $.connection.hub.start().done(function () {
        $('html *').click(function () {
            instructions.server.send($(this).attr('id'), $(this).val());
        });
    });

希望这对人们有用，它绝对适合我:)

如何使用signalR从集线器调用特定功能

1 个答案: