Telerik Forums
Kendo UI for jQuery Forum
1 answer
154 views

Hi, I am curious to learn about the difference between a Measure and a KPI in KendoUI.

Can anyone explain the detailed differences between Measures and KPIs?

Where could I see KendoUI documentation for KPI and Measures? I have tried searching and going through documentation, but nothing seems to mention this.

Georgi Krustev
Telerik team
 answered on 22 Dec 2016
4 answers
251 views

Hi,
I recently noticed a bug with the widget of notifications. If you show a centered notification and when is fading you show another one, the second one isn't centered but on the bottom right corner.

You can check this behaviour on the next link:
http://demos.telerik.com/kendo-ui/notification/position-stacking
Click "show centered notification" and when the notification starts to fade away, click again.

I started to notice this behaviour when I updated my kendo version recently. Now i'm using kendo version 2016.1.226.

Thanks.

Ianko
Telerik team
 answered on 22 Dec 2016
1 answer
295 views

Hi

As per the below example

http://demos.telerik.com/kendo-ui/scheduler/timeline

Task colour is given by Group 1 e.g. Meeting Room 1 have one colour and Meeting Room 2 have different colour for all inside group i.e. Alex, Bob,Charlies

i have requirement in which i want colour based on Second Group in this example i want separate colour for Alex, Bob and Charlies. not based on Meeting Rooms which is Group 1.

how we can achieve this

Veselin Tsvetanov
Telerik team
 answered on 22 Dec 2016
4 answers
490 views

Hi,

I have a grid with editable = inline. Not all columns are editable. Below is the sequence of steps that I follow and the issue.

1) Click on Edit button in first row

2) Without clicking Update/Cancel on first row, click on Edit on 2nd Row  

3) Without clicking Update/Cancel on 2nd Row, click on Edit on 3rd Row => Data for non-editable columns are copied from first row to 2nd row

4) Without clicking on Update/Cancel on 3rd row, click on Edit on 4th Row => Data for non-editable columns are copied from first row to 3rd row

Any help is APPRECIATED!!

 

Thank You!!

Dimiter Madjarov
Telerik team
 answered on 22 Dec 2016
4 answers
934 views
Is it possible to apply sorting and filtering on complex objects or dynamic columns? My grid has many dynamic columns, and grid does not allow me to sort or filter by their type (datetime, or number). It considers them "string" values.
Alexander Valchev
Telerik team
 answered on 22 Dec 2016
2 answers
591 views

Hi.

With jQuery 2.x this funstion worked for the deferred value binding.

01.function createComboBoxBinder() {
02.    // taken from the Telerik UI 4 MVC examples
04.    kendo.data.binders.widget.deferredValue = kendo.data.Binder.extend({
05.      init: function (widget, bindings, options) {
06.                kendo.data.Binder.fn.init.call(this, widget.element[0], bindings, options);
07.                this.widget = widget;
08.                this._change = $.proxy(this.change, this);
09.                this.widget.bind("change", this._change);
10.             },
11.      refresh: function () {
12.                     var widget = this.widget;
13.                     var binding = this.bindings.deferredValue;
14.                     var value = binding.get();
15. 
16.                     if (!this._initChange) {
17.                       if (value) {
18.                         if (widget.options.autoBind === false) {
19.                            //Bind the widget with single item if deferred binding is used
20.                            widget.dataSource.data([value]);
21.                            widget.value(value[widget.options.dataValueField]);
22.                         } else {
23.                            //set widget value directly
24.                            this.widget.value(value[widget.options.dataValueField]);
25.                         }
26.                       }
27.                     } else {
28.                       // set the data source value to show the selected value in the grid row
29.                       binding.source.Language = value[widget.options.dataValueField];
30.                     }
31.                   },
32.      change: function () {
33.                      this._initChange = true;
34.                      this.bindings.deferredValue.set(this.widget.dataItem());
35.                      this._initChange = false;
36.                    },
37.      destroy: function () {
38.                       this.widget.unbind("change", this._change);
39.                    }
40.});

This is the combo box within a grid popup editor cshtml.

01.<div class="k-edit-field">
02.    @(Html.Kendo().ComboBox()
03.        .Name(componentName: "LangSelector")
04.        //use the data-skip attribute to prevent adding the default value binding and add the data-bind attribute for the custom binder
05.        .HtmlAttributes(new { data_skip = "true", data_bind = "deferredValue: LanguageItem" })
06.        .DataTextField(field: "Name")
07.        .DataValueField(field: "Id")
08.        .MinLength(length: 3)
09.        .Enable(value: false)
10.        .AutoBind(autoBind: false)
11.        .Filter(FilterType.Contains)
12.        // define a custom data source to handle the kendo .ToDataSourceResult method
13.        .DataSource(ds => ds.Custom().Type(type: "aspnetmvc-ajax").Transport(trans => { trans.Read(read => read.Action(actionName: "GetCultures", controllerName: "ResourcesGrid").Data(handler: "GetTypeAhead")); })
14.                              .ServerFiltering(enabled: true)
15.                              .Schema(schema => { schema.Data(data: "Data").Total(total: "Total"); }))
16.    )
17.</div>

 

After upgrading to Kendo 2016.3.1118 and jQuery 3.1.1 I get the following error message and jquery migrate hints in the console. Any ideas what I need to change to get this fixed?

Kind regards

Bernd

001.VM4028:590 Detected Kendo UI version: "2016.3.1118"
002.browserLink:64 [16:46:54 GMT+0100 (Mitteleuropäische Zeit)] Browser Link: Failed to send message to browser link server:
003.Error: SignalR: Connection must be started before data can be sent. Call .start() before .send()
004.kendo.all.js:9192 Uncaught Error: The deferredValue binding is not supported by the input element
005.    at init.applyBinding (kendo.all.js:9192)
006.    at init.bind (kendo.all.js:9155)
007.    at a (kendo.all.js:9305)
008.    at a (kendo.all.js:9314)
009.    at a (kendo.all.js:9314)
010.    at a (kendo.all.js:9314)
011.    at Object.s [as bind] (kendo.all.js:9329)
012.    at init.refresh (kendo.all.js:38975)
013.    at new init (kendo.all.js:38881)
014.    at HTMLDivElement.<anonymous> (kendo.all.js:2409)
015.applyBinding @ kendo.all.js:9192
016.bind @ kendo.all.js:9155
017.a @ kendo.all.js:9305
018.a @ kendo.all.js:9314
019.a @ kendo.all.js:9314
020.a @ kendo.all.js:9314
021.s @ kendo.all.js:9329
022.refresh @ kendo.all.js:38975
023.init @ kendo.all.js:38881
024.(anonymous) @ kendo.all.js:2409
025.each @ jquery-3.1.1.js:368
026.each @ jquery-3.1.1.js:157
027.e.fn.(anonymous function) @ kendo.all.js:2408
028._createPopupEditor @ kendo.all.js:47833
029.editRow @ kendo.all.js:47670
030.addRow @ kendo.all.js:48072
031.(anonymous) @ kendo.all.js:48108
032.dispatch @ jquery-3.1.1.js:5201
033.elemData.handle @ jquery-3.1.1.js:5009
034.jquery-migrate-3.0.0.js:62 JQMIGRATE: jQuery.fn.removeAttr no longer sets boolean properties: disabled
035.migrateWarn @ jquery-migrate-3.0.0.js:62
036.(anonymous) @ jquery-migrate-3.0.0.js:216
037.each @ jquery-3.1.1.js:368
038.jQuery.fn.removeAttr @ jquery-migrate-3.0.0.js:214
039._editable @ kendo.all.js:31523
040.readonly @ kendo.all.js:27301
041._enable @ kendo.all.js:27667
042.init @ kendo.all.js:31098
043.init @ kendo.all.js:61791
044.(anonymous) @ kendo.all.js:2409
045.each @ jquery-3.1.1.js:368
046.each @ jquery-3.1.1.js:157
047.e.fn.(anonymous function) @ kendo.all.js:2408
048.initialize @ kendo.all.js:62262
049.(anonymous) @ kendo.all.js:62633
050.each @ jquery-3.1.1.js:368
051.each @ jquery-3.1.1.js:157
052.bindTo @ kendo.all.js:62624
053.init @ kendo.all.js:54606
054.(anonymous) @ kendo.all.js:2409
055.each @ jquery-3.1.1.js:368
056.each @ jquery-3.1.1.js:157
057.e.fn.(anonymous function) @ kendo.all.js:2408
058.(anonymous) @ VM4039:1
059.mightThrow @ jquery-3.1.1.js:3570
060.process @ jquery-3.1.1.js:3638
061.jquery-migrate-3.0.0.js:64 console.trace
062.migrateWarn @ jquery-migrate-3.0.0.js:64
063.(anonymous) @ jquery-migrate-3.0.0.js:216
064.each @ jquery-3.1.1.js:368
065.jQuery.fn.removeAttr @ jquery-migrate-3.0.0.js:214
066._editable @ kendo.all.js:31523
067.readonly @ kendo.all.js:27301
068._enable @ kendo.all.js:27667
069.init @ kendo.all.js:31098
070.init @ kendo.all.js:61791
071.(anonymous) @ kendo.all.js:2409
072.each @ jquery-3.1.1.js:368
073.each @ jquery-3.1.1.js:157
074.e.fn.(anonymous function) @ kendo.all.js:2408
075.initialize @ kendo.all.js:62262
076.(anonymous) @ kendo.all.js:62633
077.each @ jquery-3.1.1.js:368
078.each @ jquery-3.1.1.js:157
079.bindTo @ kendo.all.js:62624
080.init @ kendo.all.js:54606
081.(anonymous) @ kendo.all.js:2409
082.each @ jquery-3.1.1.js:368
083.each @ jquery-3.1.1.js:157
084.e.fn.(anonymous function) @ kendo.all.js:2408
085.(anonymous) @ VM4039:1
086.mightThrow @ jquery-3.1.1.js:3570
087.process @ jquery-3.1.1.js:3638
088.jquery-migrate-3.0.0.js:62 JQMIGRATE: jQuery.fn.removeAttr no longer sets boolean properties: readonly
089.migrateWarn @ jquery-migrate-3.0.0.js:62
090.(anonymous) @ jquery-migrate-3.0.0.js:216
091.each @ jquery-3.1.1.js:368
092.jQuery.fn.removeAttr @ jquery-migrate-3.0.0.js:214
093._editable @ kendo.all.js:31524
094.readonly @ kendo.all.js:27301
095._enable @ kendo.all.js:27667
096.init @ kendo.all.js:31098
097.init @ kendo.all.js:61791
098.(anonymous) @ kendo.all.js:2409
099.each @ jquery-3.1.1.js:368
100.each @ jquery-3.1.1.js:157
101.e.fn.(anonymous function) @ kendo.all.js:2408
102.initialize @ kendo.all.js:62262
103.(anonymous) @ kendo.all.js:62633
104.each @ jquery-3.1.1.js:368
105.each @ jquery-3.1.1.js:157
106.bindTo @ kendo.all.js:62624
107.init @ kendo.all.js:54606
108.(anonymous) @ kendo.all.js:2409
109.each @ jquery-3.1.1.js:368
110.each @ jquery-3.1.1.js:157
111.e.fn.(anonymous function) @ kendo.all.js:2408
112.(anonymous) @ VM4039:1
113.mightThrow @ jquery-3.1.1.js:3570
114.process @ jquery-3.1.1.js:3638
115.jquery-migrate-3.0.0.js:64 console.trace
116.migrateWarn @ jquery-migrate-3.0.0.js:64
117.(anonymous) @ jquery-migrate-3.0.0.js:216
118.each @ jquery-3.1.1.js:368
119.jQuery.fn.removeAttr @ jquery-migrate-3.0.0.js:214
120._editable @ kendo.all.js:31524
121.readonly @ kendo.all.js:27301
122._enable @ kendo.all.js:27667
123.init @ kendo.all.js:31098
124.init @ kendo.all.js:61791
125.(anonymous) @ kendo.all.js:2409
126.each @ jquery-3.1.1.js:368
127.each @ jquery-3.1.1.js:157
128.e.fn.(anonymous function) @ kendo.all.js:2408
129.initialize @ kendo.all.js:62262
130.(anonymous) @ kendo.all.js:62633
131.each @ jquery-3.1.1.js:368
132.each @ jquery-3.1.1.js:157
133.bindTo @ kendo.all.js:62624
134.init @ kendo.all.js:54606
135.(anonymous) @ kendo.all.js:2409
136.each @ jquery-3.1.1.js:368
137.each @ jquery-3.1.1.js:157
138.e.fn.(anonymous function) @ kendo.all.js:2408
139.(anonymous) @ VM4039:1
140.mightThrow @ jquery-3.1.1.js:3570
141.process @ jquery-3.1.1.js:3638
Bernd
Top achievements
Rank 2
 answered on 22 Dec 2016
3 answers
382 views

When you update an MVVM model using the proper "set" method, any validators tied to controls tied to the model do not fire. I'm assuming it is because the validator is wired to the "blur" event of the textbox. I would prefer to not wire the validator to the "change" event, if possible.

For example, I have a textbox that is required. If I blank out the value, the validator fires correctly. If there is some other action that changes the model, the validator does not re-execute and therefore remains.

I've made a simple Dojo that represents this.Blank out the textbox, tab or click out, and then click the "Alter Model" button.

http://dojo.telerik.com/oVEgE

Ianko
Telerik team
 answered on 22 Dec 2016
1 answer
433 views

Hello,

I have a problem with kendo donut chart legend displaying. In this example http://demos.telerik.com/kendo-ui/donut-charts/angular there is specified "<div kendo-chartk-legend="{ position: 'bottom' }..." but the legend does not appear. 

Please help.

Thanks!

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 21 Dec 2016
2 answers
3.3K+ views
I am trying to format the number with comma when the number of digits are more e.g. 10,240,000. I tried applying the following format in the Kendo grid column and it works fine when there is value available in the grid column, but when the grid cell value is returned as "0", then the format returns as "00". Instead the preferred text should be "0" when the actual value is "0", and any number more than 0 i.e. if the digits grows more than 4, then it should format with comma appropriately. Please refer snapshot
The following code is what I am trying to do the format,
  { field: "lastUpdatedSize", title: "Test", width: "10px", format: '{0:0,0}' },

How do I fix this issue?
Krishnan
Top achievements
Rank 1
 answered on 21 Dec 2016
8 answers
677 views
Hi :)

I've searched the forum for an answer to this question and so far can't find an answer.
A perfect example of this issue is shown in the walkthrough: http://docs.kendoui.com/getting-started/web/grid/walkthrough

In the section called "Grouping" the walkthrough says that a user can drag the "surname" column up to be a group header.  That's great.  But the surname column still shows in the grid itself which just looks silly.

Is there a way to automatically have Kendo hide the Surname column whilst it's being grouped?  Similarly if the user then removes the surname column from being a group header I'd like the column to reappear again. 

If it's not automatically available, are there events we could listen to?  I'm quite new to JavaScript but could probably adapt a 90% solution instead of a 100% solution if that makes it faster for someone from Telerik to respond.

I would like to make all of my grids work this way so don't want to have to hardcode stuff based on column names if at all possible.

Other forum threads which cover this topic include
http://www.kendoui.com/forums/kendo-ui-web/grid/how-to-hide-the-column-the-grid-is-grouped-by-additional-grouping-questions.aspx  - there wasn't any solution given :(

http://www.kendoui.com/forums/kendo-ui-web/grid/how-to-hide-group-column-from-the-table-body-.aspx - the solution here wasn't really a solution.

http://www.kendoui.com/forums/kendo-ui-web/grid/programmatically-show-column-group-by-another-column.aspx - this one seems to show it could be possible if I was setting up grouping from code external to Kendo.  Useful to know but not, on its own, a fix.

http://www.kendoui.com/forums/kendo-ui-web/grid/don-t-show-columns-when-they-are-grouped.aspx - This is asking the same question about 18 months ago and there wasn't a solution at the time.  I'm hoping that's changed in the meantime or someone else has thought of a clever solution :)

Thanks very much!
Cesar
Top achievements
Rank 1
 answered on 21 Dec 2016
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?