Question

为了制作实时的.NET Web应用程序，我使用SignalR作为Kendo网格，它在网格上使用read，update，destroy方法。

然而，我的情况是从其他页面创建和更新记录，Kendo Grid仅用于读取数据。我希望实现SignalR以在新记录添加到数据库时通知用户。

这是我的代码

SignalRHub class     public class SignalRHub : Hub
{
    private DbEntities db;
    public SignalRHub()
    {
        db = new DbEntities();
    }

    public IEnumerable<ViewTicketModel> Read()
    {
        return db.Post_User.AsEnumerable().Select(ticket => new ViewTicketModel
        {
            Id = ticket.Id,
            BuyerName = ticket.Name,
            DateCreated = ticket.CreatedOn.ToString("dd/MM/yyyy"),
            BuyerPhoneNumber = ticket.Mobile,
            Details = ticket.Details,
            Location = ticket.Location,
        }).OrderByDescending(x => DateTime.ParseExact(x.DateCreated, "dd/MM/yyyy", null)).ToList();
    }
}

Index.cshtml

    var connection = $.connection;
    var hub = connection.signalRHub;
    var hubStart = connection.hub.start();
    console.log("here");
    var signalRDataSource = new kendo.data.DataSource({
        type: "signalr",
        autoSync: true,
        push: function(e) {
            var notification = $("#notification").data("kendoNotification");
            notification.success(e.type);
        },
        schema: {
            model: {
                id: "Id",
                fields: {
                    "Id": { editable: false, type: "Number" },
                    "BuyerName": { type: "string" },
                    "DateCreated": { type: "string" },
                    "BuyerPhone": { type: "string" },
                    "Details": { type: "string" },
                    "Location": { type: "string" }
                }
            }
        },
        transport: {
            signalr: {
                promise: hubStart,
                hub: hub,
                server: {
                    read: "read",
                },
                client: {
                    read: "read",
                }
            }
        },
        pageSize: 10,
});

    $("#grid").kendoGrid({
        height: 700,           
        filterable: {
            extra: false,
        pageable: true,
        sortable: {
            mode: "multiple",
            allowUnsort: true
        },
        columns: [
                { field: "Id", title: "Notification Id", width: 100, hidden: true },
                {
                    field: "DateCreated",
                    title: "Date Created",
                    width: 150,
                    filterable: {
                        ui: "datetimepicker"
                    }
                },
                { field: "Location", title: "Location", width: 150 },                   
                { field: "BuyerName", title: "Buyer Name", width: 120, hidden: true },
                { field: "BuyerPhoneNumber", title: "Buyer Phone", width: 120, hidden: true },
        ],
        dataSource: signalRDataSource
    });

Answer 1

通过其他页面，您的意思是不同的应用程序？如果是这种情况，这将使问题复杂化。

记住kendo网格只附带4个默认信号动作（创建，更新，读取，销毁）。任何其他都必须由您实施。

这里有一个例子，说明如何使你的＆＃34;连接＆＃34;客户进行刷新阅读。

在你的中心：

IHubContext context = GlobalHost.ConnectionManager.GetHubContext<Dashboard>();
        context.Clients.All.reload();

在您的客户端HTML页面中：

<script type="text/javascript">
var hub = $.connection.dashboard;
hub.client.reload = function () {
    updategrid();
};
var hubStart = $.connection.hub.start();
function updategrid()
{
    $('#GridName').data('kendoGrid').dataSource.read();
    $('#GridName').data('kendoGrid').refresh();
}</script>

这将强制所有连接的客户端进行刷新。完美的方案是推送给客户的适当变化。这种实现可能会变得棘手，因为您不知道用户对他们的过滤/排序/分组。但是，它是可以实现的。您可以让每个连接的客户端将其发送过滤器/分组/排序回服务器并仅提取相应的更改。

如何将SIGR数据源与Kendo Grid一起使用

1 个答案: