Telerik Forums
Kendo UI for jQuery Forum
4 answers
928 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
580 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
375 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
425 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.2K+ 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
670 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
1 answer
239 views

Let's say I have an array of Ids, and For each Id I would like to create a Tree List and bind the data with the given ID. I was wondering what are the ways to achieve it. Especially the columns are identical but how to provide the configuration settings for each dynamically created Tree Lists.

 

{

"id":"1",

"data": "hello",

"status": "inProgress"

},

 

{
"id":"1",
"data": "hello",
"status": "inProgress"
},

 

{
"id":"1",
"data": "hello",
"status": "inProgress"
},

{
"id":"2",
"data": "hello",
"status": "inProgress"
},

 

{
"id":"2",
"data": "hello",
"status": "inProgress"
}

 

Here all the Id 1 data will be part of one tree List and the ones with Id 2, will be part of another List.

 

Thanks,

Sibin S

Dimiter Topalov
Telerik team
 answered on 21 Dec 2016
5 answers
1.5K+ views

Hope you can assist to solve this issue with PDF export feature,

We are doing a js bundle with grunt that includes kendo.core.min, kendo.pdf.min.js and more js files, when I call the saveAsPdf() method DejaVu Sans is missing (404) and is trying to looking in a missing folder with a dynamic folder (same as js bundle), it is possible to force or define a different folder or path??? 

Thanks in advance!

 

Stefan
Telerik team
 answered on 21 Dec 2016
2 answers
84 views
Made a post and want to edit it. How is that done?
S
Top achievements
Rank 1
 answered on 21 Dec 2016
3 answers
965 views

Hello All,

 Below is the response I got from Telerik regarding the topic on export to excel/PDF which has lot of data. This is currently unacceptable to customers and we need any possible help to fix this issue.If any of you have faced below issue, can you please advice what was done to avoid this issue?

Regards,

Anil

From: Telerik Admin
Date: 2/11/2016 9:38:21 AM
CC: 
Hello,

There is a certain limit of items that can be exported. It could vary depending on the browser, it's version, the operating system, so there is no specific number to be stated. The reason is that modern browsers do not provide support for streams. This means that we have to keep all data in memory until the file is generated on the client side. It's a limitation that we won't be able to overcome in the foreseeable feature. If exporting all of the items is required, we do not recommend using the built in PDF and Excel export functionality.
Regards,
Dimiter Madjarov
Telerik

Date: 2/11/2016 4:36:21 AM
Hello Team,

Export with large number of data results in a failure, both Excel and PDF.

refer this link http://dojo.telerik.com/ajOXaj

Thanks 

Dimiter Topalov
Telerik team
 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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?