You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/framework/AngularJS/data-source.md
+12-2Lines changed: 12 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,12 @@ Even though you do not have to always create a `DataSource` object, most Kendo U
20
20
21
21
The following example contains static local data and demonstrates how to try to update the data source. When you select an item in the Grid, two input fields become available and they are bound to that item's data. Editing the data in the input fields works as expected: the Grid updates.
@@ -66,7 +71,12 @@ However, if you click the **UPDATE FROM CODE** button, nothing appears to happen
66
71
67
72
**Solution** Create and place in a scope the data source object yourself. Only the `controller` changes while the markup is the same. Use `kendo.data.ObservableArray` to update the data source.
Copy file name to clipboardExpand all lines: docs/framework/AngularJS/introduction.md
+18-3Lines changed: 18 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -46,7 +46,12 @@ You can reference a widget by using any of the following approaches:
46
46
47
47
* Getting instances in the `controller`—To call methods on a widget from your controller, you might sometimes need a reference to the widget. To get such, assign a name to the `kendo-widget-name` attribute.
@@ -61,7 +66,12 @@ You can reference a widget by using any of the following approaches:
61
66
62
67
* Using the `tag` directive—As of the Kendo UI Q1 2015 release, if you use the `tag` directive variant, you can set the `k-scope-field` to achieve the same.
@@ -76,7 +86,12 @@ You can reference a widget by using any of the following approaches:
76
86
77
87
* Setting Options in a Link Function—As of the Kendo UI Q2 2015 release, the timeout initialization of the widgets is removed. To set the options of a widget as part of the link function of a custom directive, use `k-ng-delay` and `timeout`.
Copy file name to clipboardExpand all lines: docs/framework/AngularJS/the-grid-widget.md
+37-6Lines changed: 37 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,12 @@ This article outlines some of the specifics for setting and using the Grid with
22
22
23
23
AngularJS evaluates a template expression which is placed as [`column.title`](/api/javascript/ui/grid/configuration/columns.title) content. To avoid this behavior, set a [`ng-non-bindable`](https://docs.angularjs.org/api/ng/directive/ngNonBindable) attribute through the [`headerAttributes`](/api/javascript/ui/grid/configuration/columns.headerattributes) so that AngularJS skips the expression evaluation.
@@ -73,7 +78,12 @@ If you assign a `k-on-change` event handler, it is evaluated in a scope, which c
73
78
74
79
When the Grid is not in a multiple selection mode, the `data` will be a single data item and not an array and that item will also be accessible as a `dataItem`. When the cell selection is allowed, an additional `columns` variable is present. This variable is an array which contains the indexes of the columns with selected cells. To see what variables are available, choose the selection mode of the Grid and select items from it.
@@ -152,7 +167,12 @@ The Grid supports templates that can be customized by the user. To completely cu
152
167
153
168
The following example demonstrates how to set the Grid row template (`rowTemplate`) by using markup. You can also define it in the Grid `options` object in the same way as when you do not use AngularJS.
@@ -195,7 +215,13 @@ When you use aggregates, the `column` and `aggregate` information becomes availa
195
215
196
216
The following example demonstrates how to use the `sum` aggregate in a `footerTemplate` and a `groupFooterTemplate`, and apply an Angular currency pipe to it.
Copy file name to clipboardExpand all lines: docs/framework/AngularJS/widget-basics/binding.md
+24-4Lines changed: 24 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,12 @@ To bind the value of widgets that provide a `value()` method to the AngularJS sc
22
22
23
23
The following example demonstrates how to bind the input field to the scope variable. When you select a date, the `birthday` variable is set to the value of the input field as a string.
@@ -42,7 +47,12 @@ If your element is a form field that has a text value, such as `<input>` or `<te
42
47
43
48
The following example demonstrates how to get the actual `widget.value()` by using `k-ng-model`. The directive will update the `birthday` variable with the selected `Date` object whenever the `change` event is fired.
@@ -67,7 +77,12 @@ Setting the `k-value-primitive` to `false` forces the widget to accept or return
67
77
68
78
The following example demonstrates how to display the `Chai` option in the MultiSelect as selected with the widget value set to `[{"ProductName":"Chai","ProductID":1}]`.
Copy file name to clipboardExpand all lines: docs/framework/AngularJS/widget-basics/events.md
+18-3Lines changed: 18 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,12 @@ If you store the whole configuration in the `controller`, add an event handler i
17
17
18
18
The following example includes a paragraph that uses the Angular `ng-show` directive and which is displayed only after a month is selected. To implement the approach, you need to call the `$scope.$digest()` event handler.
@@ -45,7 +50,12 @@ You can also specify event handlers by using attributes. They require the `k-on-
45
50
46
51
In the following example, the `kendoEvent` variable is defined in a scope and you have to pass it to the event handler. If you are using the `k-on-` attributes, you do not need to call `$digest()` on the scope because your bindings take care of it.
Copy file name to clipboardExpand all lines: docs/framework/AngularJS/widget-basics/initialization.md
+24-4Lines changed: 24 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -24,7 +24,12 @@ You can specify any options that are supported by Kendo UI widgets in `element`
24
24
25
25
The following example demonstrates an important detail—the `'Increment'` and `'Decrement'` strings are quoted inside the attribute values. Without the single quote inside they are interpreted as variable names and AngularJS-Kendo UI will look for the `$scope.Increment` and `$scope.Decrement` variables. The omission of the quotes is a common error—that is why AngularJS-Kendo UI emit a warning in the JS console whenever such variables are not found.
@@ -79,7 +94,12 @@ The following example demonstrates how to store the whole widget configuration i
79
94
80
95
> If any of the defined attribute options are `undefined`, the widget will not initialize. For example, if the NumericTextBox `k-max` attribute points to a `$scope.maxNumber` field which is `undefined`, it will not initialize.
0 commit comments