Merge pull request #4649 from syncfusion-content/993332-PartialSelection

993332: Partial Selection Sample

Author: thavasianand

ej2-asp-core-mvc/code-snippet/tree-grid/selection/partial-selection/partial.cs

@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    var tree = TreeData.GetTaskData();
+    ViewBag.datasource = tree;
+    return View();
+}

ej2-asp-core-mvc/code-snippet/tree-grid/selection/partial-selection/razor

@@ -0,0 +1,22 @@
+@(Html.EJS().TreeGrid("PartialSelection")
+     .EnableVirtualization(true)
+     .DataSource((IEnumerable<object>)ViewBag.datasource)
+     .AllowSelection()
+     .SelectionSettings(sel => sel.PersistSelection(true)).IdMapping("TaskID")
+     .ParentIdMapping("ParentID").TreeColumnIndex(1).IsRowSelectable("isRowSelectable")
+     .Columns(col =>
+      {
+        col.Type("checkbox").Width(60).Add();
+        col.Field("Task").HeaderText("Task").Width(300).Add();
+        col.Field("TaskID").Visible(false).IsPrimaryKey(true).Add();
+        col.Field("AssignedTo").HeaderText("Assigned To").Width(140).Add();
+        col.Field("StartDate").HeaderText("Start").Format("yMd").Width(180).Add();
+        col.Field("DueDate").HeaderText("Due").Format("yMd").Width(180).Add();
+        col.Field("Priority").HeaderText("Priority").Width(90).Add();
+        col.Field("Progress").HeaderText("Status").Width(90).Add();
+      }).Render())
+ <script>
+       function isRowSelectable(data,columns) {
+            return data.Progress !== 'Completed';
+        }
+</script>

ej2-asp-core-mvc/code-snippet/tree-grid/selection/partial-selection/tagHelper

@@ -0,0 +1,18 @@
+<ejs-treegrid id="TreeGrid" dataSource="@ViewBag.datasource" enableVirtualization="true" allowSelection="true" parentIdMapping="ParentID" idMapping="TaskID" treeColumnIndex="1" isRowSelectable="isRowSelectable">
+    <e-treegrid-selectionsettings pesistSelection="true"></e-treegrid-selectionsettings>
+    <e-treegrid-columns>
+        <e-treegrid-column type="checkbox" width="50"></e-treegrid-column>
+        <e-treegrid-column field="Task" headerText="Task" width="300"></e-treegrid-column>
+        <e-treegrid-column field="TaskID" visible="false" isPrimaryKey="true"></e-treegrid-column>
+        <e-treegrid-column field="AssignedTo" headerText="Assigned To" width="140"></e-treegrid-column>
+        <e-treegrid-column field="StartDate" headerText="Start" format="yMd" type="date" width="180"></e-treegrid-column>
+        <e-treegrid-column field="DueDate" headerText="Due" format="yMd" type="date" width="180"></e-treegrid-column>
+        <e-treegrid-column field="Priority" headerText="Priority" width="90"></e-treegrid-column>
+        <e-treegrid-column field="Progress" headerText="Status" width="90"></e-treegrid-column>   
+    </e-treegrid-columns>
+</ejs-treegrid>
+<script>
+    function isRowSelectable(data,columns) {
+        return data.Progress !== 'Completed';
+    }
+</script>

ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/selection/check-box-selection.md

@@ -76,4 +76,31 @@ In checkbox selection, selection can also be done by clicking on rows. This sele
 
 > Checkbox Selection feature is intended for row selection only; it is not compatible with cell selection mode.
 
+## Conditional row selection using isRowSelectable
+
+The TreeGrid supports conditional row selection through the [isRowSelectable](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.TreeGrid.IsRowSelectable.html) property. This feature enables dynamic business logic to determine which rows can be selected, ensuring that only rows meeting specific conditions are selectable. The `isRowSelectable` property accepts a function that evaluates each row’s data and returns **true** to enable selection or **false** to disable it. The function is executed for the entire data source before rendering, making it suitable for scenarios where selection must be restricted based on criteria.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/selection/partial-selection/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Partial.cs" %}
+{% include code-snippet/tree-grid/selection/partial-selection/partial.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/selection/partial-selection/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Partial.cs" %}
+{% include code-snippet/tree-grid/selection/partial-selection/partial.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
 N> You can refer to our [`ASP.NET MVC Tree Grid`](https://www.syncfusion.com/aspnet-mvc-ui-controls/tree-grid) feature tour page for its groundbreaking feature representations. You can also explore our [`ASP.NET MVC Tree Grid example`](https://ej2.syncfusion.com/aspnetmvc/TreeGrid/Overview#/material) to knows how to present and manipulate data.