diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/collaborativeController.cs b/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/collaborativeController.cs deleted file mode 100644 index ae802af03b..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/collaborativeController.cs +++ /dev/null @@ -1,4 +0,0 @@ -public IActionResult Index() - { - return View(); - } \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/razor b/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/razor deleted file mode 100644 index 65e896c9d1..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/razor +++ /dev/null @@ -1,23 +0,0 @@ -@Html.EJS().Spreadsheet("spreadsheet").ActionComplete("actionComplete").Render() - - diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/tagHelper b/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/tagHelper deleted file mode 100644 index ea8fae8b20..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-editing/tagHelper +++ /dev/null @@ -1,24 +0,0 @@ - - - - diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/collaborativePreventController.cs b/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/collaborativePreventController.cs deleted file mode 100644 index ae802af03b..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/collaborativePreventController.cs +++ /dev/null @@ -1,4 +0,0 @@ -public IActionResult Index() - { - return View(); - } \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/razor b/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/razor deleted file mode 100644 index 9f52f83d6f..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/razor +++ /dev/null @@ -1,26 +0,0 @@ -@Html.EJS().Spreadsheet("spreadsheet").ActionComplete("actionComplete").Render() - - diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/tagHelper b/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/tagHelper deleted file mode 100644 index 6b18853bc5..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/collaborative-prevent-action/tagHelper +++ /dev/null @@ -1,27 +0,0 @@ - - - - diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/collaborativeImportController.cs b/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/collaborativeImportController.cs deleted file mode 100644 index ae802af03b..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/collaborativeImportController.cs +++ /dev/null @@ -1,4 +0,0 @@ -public IActionResult Index() - { - return View(); - } \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/razor b/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/razor deleted file mode 100644 index 211b35940a..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/razor +++ /dev/null @@ -1,39 +0,0 @@ -@Html.EJS().Spreadsheet("spreadsheet").ActionComplete("actionComplete").Render() - - diff --git a/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/tagHelper b/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/tagHelper deleted file mode 100644 index a7089ba142..0000000000 --- a/ej2-asp-core-mvc/code-snippet/spreadsheet/import-collaborative-mode/tagHelper +++ /dev/null @@ -1,41 +0,0 @@ - - - - diff --git a/ej2-asp-core-mvc/spreadsheet/use-cases/collaborative-editing.md b/ej2-asp-core-mvc/spreadsheet/use-cases/collaborative-editing.md deleted file mode 100644 index bf7bfcaf3d..0000000000 --- a/ej2-asp-core-mvc/spreadsheet/use-cases/collaborative-editing.md +++ /dev/null @@ -1,171 +0,0 @@ ---- -layout: post -title: Collaborative Editing in ##Platform_Name## Spreadsheet Component -description: Learn here all about Collaborative Editing in Syncfusion ##Platform_Name## Spreadsheet component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Collaborative Editing -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Collaborative Editing - -The collaborative editing support allows you to work at a spreadsheet collaboratively with other users. Multiple users can access to the the same spreadsheet simultaneously. - -## Dependencies - -The following dependent script is required to use the collaborative editing support in spreadsheet. - -```js - -``` - -## Client configuration - -To broadcast the data for every action in the spreadsheet, you need to transfer the data to the server through `send` method in `actionComplete` event and receive the same data by using the `dataReceived` method. In the `dataReceived` method, you need to update the action to the connected clients through `updateAction` method. - -The following code example shows `Collaborative Editing` support in the Spreadsheet control. - -{% if page.publishingplatform == "aspnet-core" %} - -{% tabs %} -{% highlight cshtml tabtitle="CSHTML" %} -{% include code-snippet/spreadsheet/collaborative-editing/tagHelper %} -{% endhighlight %} -{% highlight c# tabtitle="CollaborativeController.cs" %} -{% include code-snippet/spreadsheet/collaborative-editing/collaborativeController.cs %} -{% endhighlight %} -{% endtabs %} - -{% elsif page.publishingplatform == "aspnet-mvc" %} - -{% tabs %} -{% highlight razor tabtitle="CSHTML" %} -{% include code-snippet/spreadsheet/collaborative-editing/razor %} -{% endhighlight %} -{% highlight c# tabtitle="CollaborativeController.cs" %} -{% include code-snippet/spreadsheet/collaborative-editing/collaborativeController.cs %} -{% endhighlight %} -{% endtabs %} -{% endif %} - - - -## Server configuration - -To make the communication between the server to the connected clients and from clients to the server, you need to configure the signalR Hubs using the following code. - -```js - -// For signalR Hub connection - -var connection = new signalR.HubConnectionBuilder().withUrl('https://localhost:44385/hubs/spreadsheethub', { // localhost from AspNetCore service - skipNegotiation: true, - transport: signalR.HttpTransportType.WebSockets - }).build(); - -``` - -## Hub configuration - -Initially create a AspNetCore project and add the hub file for sending and receiving the data between server and clients. - -```c# -using Microsoft.AspNetCore.SignalR; -using System.Threading.Tasks; - -namespace WebApplication.Hubs -{ - public class SpreadsheetHub : Hub - { - public async Task BroadcastData(string data) - { - await Clients.Others.SendAsync("dataReceived", data); - } - } -} -``` - -To configure the SignalR middleware by registering the following service in the `ConfigureServices` method of the `Startup` class. - -```c# - services.AddSignalR(e => - { - e.MaximumReceiveMessageSize = int.MaxValue; // Option to increase message size for inserting image feature. By default, SignalR send messages up to 32 KB. - }); -``` - -To set up the SignalR routes by calling MapHub in the `Configure` method of the `Startup` class. - -```c# - app.UseEndpoints(endpoints => - - { - - endpoints.MapRazorPages(); - - endpoints.MapHub("/hubs/spreadsheethub"); - - }); -``` - -For hosting the service, you may use the above code snippet or download and run the [local service](https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1327152095). - -## Prevent the particular action update for collaborative client - -Using the `action` argument from the `actionComplete` event, you can prevent the particular action update for collaborative client. - -The following code example shows how to prevent collaborative client from updating the `format` action. - -{% if page.publishingplatform == "aspnet-core" %} - -{% tabs %} -{% highlight cshtml tabtitle="CSHTML" %} -{% include code-snippet/spreadsheet/collaborative-prevent-action/tagHelper %} -{% endhighlight %} -{% highlight c# tabtitle="CollaborativePreventController.cs" %} -{% include code-snippet/spreadsheet/collaborative-prevent-action/collaborativePreventController.cs %} -{% endhighlight %} -{% endtabs %} - -{% elsif page.publishingplatform == "aspnet-mvc" %} - -{% tabs %} -{% highlight razor tabtitle="CSHTML" %} -{% include code-snippet/spreadsheet/collaborative-prevent-action/razor %} -{% endhighlight %} -{% highlight c# tabtitle="CollaborativePreventController.cs" %} -{% include code-snippet/spreadsheet/collaborative-prevent-action/collaborativePreventController.cs %} -{% endhighlight %} -{% endtabs %} -{% endif %} - -## Perform import action for collaborative clients - -Using the `action` argument from the `actionComplete` event, you can identity whether the import action is performed or not. If the action is `import`, then you need to send the `response data` to the server and also update the same to the collaborative clients. - -The following code example shows how to perform the import functionality for collaborative clients. - -{% if page.publishingplatform == "aspnet-core" %} - -{% tabs %} -{% highlight cshtml tabtitle="CSHTML" %} -{% include code-snippet/spreadsheet/import-collaborative-mode/tagHelper %} -{% endhighlight %} -{% highlight c# tabtitle="collaborativeImportController.cs" %} -{% include code-snippet/spreadsheet/import-collaborative-mode/collaborativeImportController.cs %} -{% endhighlight %} -{% endtabs %} - -{% elsif page.publishingplatform == "aspnet-mvc" %} - -{% tabs %} -{% highlight razor tabtitle="CSHTML" %} -{% include code-snippet/spreadsheet/import-collaborative-mode/razor %} -{% endhighlight %} -{% highlight c# tabtitle="collaborativeImportController.cs" %} -{% include code-snippet/spreadsheet/import-collaborative-mode/collaborativeImportController.cs %} -{% endhighlight %} -{% endtabs %} -{% endif %} \ No newline at end of file diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html index 76d217250d..7c0fae080c 100644 --- a/ej2-asp-core-toc.html +++ b/ej2-asp-core-toc.html @@ -2458,11 +2458,6 @@
  • Context Menu
  • Templates
  • Globalization
  • -
  • Use Cases - -
  • How To