Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/html-helpers/editors/flatcolorpicker/views.md

@@ -1,6 +1,6 @@
 ---
 title: Views
-page_title: {{ site.product }} FlatColorPicker Documentation | FlatColorPicker Views
+page_title: The {{ site.product }} FlatColorPicker Documentation | FlatColorPicker Views
 description: "Review the available views in the FlatColorPicker."
 slug: htmlhelpers_views_flatcolorpickerhelper_aspnetcore
 position: 2

docs/api/javascript/ui/treeview.md

@@ -2011,6 +2011,45 @@ The expanded node
     treeview.bind("expand", tree_expand);
     </script>
 
+### loadCompleted
+
+This event triggers only when `loadOnDemand` is set to `false` - it indicates that all nodes that need to be loaded are ready and present as data items in the DataSource of the TreeView.
+
+#### Event Data
+
+##### e.nodes `Array`
+
+All the nodes that have children and are loaded. If empty array is passed then no nodes have children to be loaded.
+
+#### Example
+
+    <div id="treeview"></div>
+    <script>
+    var dataSource = new kendo.data.HierarchicalDataSource({
+      transport: {
+        read: {
+          url: "https://demos.telerik.com/kendo-ui/service/Employees",
+          dataType: "jsonp"
+        }
+      },
+      schema: {
+        model: {
+          id: "EmployeeId",
+          hasChildren: "HasEmployees"
+        }
+      }
+    });
+
+    $("#treeview").kendoTreeView({
+      loadOnDemand: false,
+      dataSource: dataSource,
+      dataTextField: "FullName",
+      loadCompleted: function (ev) {
+        console.log("Load Completed: ", ev.nodes);
+      }
+    });
+    </script>
+
 ### kendoKeydown
 
 Triggered when the user presses a keyboard key while the TreeView is focused.

package-lock.json

@@ -11,10 +11,10 @@
   "version": "1.0.0",
   "dependencies": {},
   "devDependencies": {
-    "@progress/kendo-theme-bootstrap": "5.2.0",
-    "@progress/kendo-theme-classic": "5.2.0",
-    "@progress/kendo-theme-default": "5.2.0",
-    "@progress/kendo-theme-material": "5.2.0",
+    "@progress/kendo-theme-bootstrap": "5.3.0",
+    "@progress/kendo-theme-classic": "5.3.0",
+    "@progress/kendo-theme-default": "5.3.0",
+    "@progress/kendo-theme-material": "5.3.0",
     "autoprefixer": "^9.1.5",
     "axe-core": "^4.3.0",
     "bootstrap": "^4.0.0",

package.json

@@ -55,6 +55,8 @@ var __meta__ = { // jshint ignore:line
         REQUESTSTART = "requestStart",
         PROGRESS = "progress",
         REQUESTEND = "requestEnd",
+        ITEMSLOADED = "itemsLoaded",
+        ITEMLOAD = "itemLoad",
         crud = [CREATE, READ, UPDATE, DESTROY],
         identity = function(o) { return o; },
         getter = kendo.getter,
@@ -83,6 +85,8 @@ var __meta__ = { // jshint ignore:line
             that.length = array.length;
 
             that.wrapAll(array, that);
+            that._loadPromises = [];
+            that._loadedNodes = [];
         },
 
         at: function(index) {
@@ -148,11 +152,32 @@ var __meta__ = { // jshint ignore:line
                         action: e.node || isGroup ? (e.action || "itemloaded") : "itemchange"
                     });
                 });
+
+                object.bind(ITEMLOAD, function (e) {
+                    that._loadPromises.push(e.promise);
+                    that._loading = true;
+
+                    e.promise.done(function(){
+                        that._loadedNodes.push(e.node);
+                        var index = that._loadPromises.indexOf(e.promise);
+                        that._loadPromises.splice(index, 1);
+
+                        if(!that._loadPromises.length){
+                            that._loading = false;
+                            that.trigger(ITEMSLOADED, {collection: that, nodes: that._loadedNodes});
+                            that._loadedNodes = [];
+                        }
+                    });
+                });
             }
 
             return object;
         },
 
+        loading: function () {
+            return this._loading;
+        },
+
         push: function() {
             var index = this.length,
                 items = this.wrapAll(arguments),
@@ -4100,7 +4125,7 @@ var __meta__ = { // jshint ignore:line
                 if (group.hasSubgroups) {
                     this._clearEmptyGroups(group.items);
                 }
-                
+
                 if (group.items && !group.items.length) {
                     splice.apply(group.parent(), [idx, 1]);
                 }
@@ -5870,6 +5895,14 @@ var __meta__ = { // jshint ignore:line
                     }
                 });
 
+                children.bind(ITEMSLOADED, function (e) {
+                    var collection = that.parent();
+
+                    if (collection) {
+                        collection.trigger(ITEMSLOADED, e);
+                    }
+                });
+
                 that._updateChildrenField();
             }
         },
@@ -5930,6 +5963,9 @@ var __meta__ = { // jshint ignore:line
                 }
 
                 promise = children[method](options);
+                if (!this._loaded) {
+                    this.trigger(ITEMLOAD, {promise: promise, node: this});
+                }
             } else {
                 this.loaded(true);
             }
@@ -5995,6 +6031,27 @@ var __meta__ = { // jshint ignore:line
             that._data.bind(ERROR, function(e) {
                 that.trigger(ERROR, e);
             });
+
+            that._data.bind(ITEMSLOADED, function(e) {
+                that.trigger(ITEMSLOADED, e);
+            });
+        },
+
+        loading: function () {
+            if(this._data) {
+                return this._data.loading() || this._childrenLoading();
+            }
+            return false;
+        },
+
+        _childrenLoading: function () {
+            var isLoading = false;
+            this._data.forEach(function (node) {
+                if(node.hasChildren && node.children.loading()) {
+                    isLoading = true;
+                }
+            });
+            return isLoading;
         },
 
         read: function(data) {

src/kendo.data.js

@@ -12311,6 +12311,7 @@ declare namespace kendo.ui {
         dataTextField?: string|any | undefined;
         dataUrlField?: string | undefined;
         dragAndDrop?: boolean | undefined;
+        loadCompleted?(e: TreeViewEvent): void;
         loadOnDemand?: boolean | undefined;
         messages?: TreeViewMessages | undefined;
         template?: string|Function | undefined;