Telerik Forums
Kendo UI for jQuery Forum
6 answers
320 views

An example cloned from official docs https://dojo.telerik.com/@merogos/EzEtoSuF

<!DOCTYPE html>
<br>
<html><br><head><br>    <meta charset="utf-8"/><br>    <title>Kendo UI Snippet</title><br><br>    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.common.min.css"/><br>    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.rtl.min.css"/><br>    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.silver.min.css"/><br>    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.mobile.all.min.css"/><br><br>    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script><br>    <script src="https://kendo.cdn.telerik.com/2019.3.917/js/kendo.all.min.js"></script><br></head><br><body><br>  <br><script><br>  var dataSource = new kendo.data.DataSource({<br>    data: [<br>                    {  apellido: "Lopez" },<br>                    {  apellido: "Lope" },<br>          {  apellido: "Lopito" }<br>,<br>          {  apellido: "Lopito" }<br>,<br>          {  apellido: "Lòpez" }<br>    ],<br>    filter: { field: "apellido", operator: "contains", value: "L\u00f3p" },<br>    accentFoldingFiltering: "es-ES"<br>  });<br>  dataSource.fetch(function(){<br>    var view = dataSource.view();<br>    console.log(view.length); // displays "0", should display 3<br>    console.log(view[0].apellido); // Nothing<br>  });<br></script><br></body><br></html>

 

 

Jose
Top achievements
Rank 1
 answered on 18 Oct 2019
1 answer
247 views

Hi

Just upgraded to 2019.3.917 and we have lost our ability to enable/disable menu items

here is an example of how we populate a menu datasource in javascript:

<script>
   var sa=[], var mm=[];

  sa.push({ text: '<span id=openPlan><span style="display: inline-block; width: 190px;" >Open Plan...</span><span>Ctrl+O</span></span>',  encoded: false });

  sa.push({ text: '<span id=readPlan><span style="display: inline-block; width: 190px;" >Read Plan...</span><span>Ctrl+R</span></span>',  encoded: false });
  sa.push({ text: '<span id=closePlan><span style="display: inline-block; width: 190px;" >Close Plan...</span><span>Ctrl+S</span></span>', encoded: false });

  mm.push({ text: "Main Menu", items: sa });
      $("#mainMenu").kendoMenu({
        dataSource: mm
    });

    // get a reference to the menu widget
    var menu = $("#mainMenu").data("kendoMenu");
    // disable menu item with id 
    menu.enable("#closePlan", false);
</script>

 

I have an example here: https://dojo.telerik.com/EMeLAdAd

If you set then library to '2019.1.115' it works and the 'Close Plan' item gets disabled, but if you set it to '2019.3.917' then it stays enabled!

 

If anyone could let me know what I am doing wrong here I would be grateful.

 

Thanks

James

Petar
Telerik team
 answered on 17 Oct 2019
1 answer
147 views

I apologize if this is the incorrect place to ask this.

I have downloaded a customized package, but it is minimized and did not come with a .map. Is it possible to get a non-minimized version of a customized package?

Plamen
Telerik team
 answered on 17 Oct 2019
3 answers
576 views
I have a map with functions defined for the Click and MarkerClick events. If the marker is clicked, i do not want to execute the map click as well.  I tried using the stopPropagation() method but it's apparently not defined for the object passed to the event handler  function.  How can I do this with these events?
Peter Milchev
Telerik team
 answered on 17 Oct 2019
11 answers
1.8K+ views

Hi

I've got a simple example to demonstrate the behaviour bothering me:

http://dojo.telerik.com/unUhOGuf/16

It's a Jquery MVVM grid with an observable data source, being altered in a single cell with set, but refreshing the whole grid.

Have found some fancy examples, rerendering the row template manually, but that's not the way I want to got.

 

So my question: How to get the grid refreshing the cell I've updated, without reloading everything else in a simple way?

 

In another case, I have a detail template, collapsing each time a value is update (which is annoying as well, because I save my detail-template-opened-state in it), but lets stay on the first example for now.

Don't know, why it's refreshing everything anyway, because I don't have any scenario, I would want this kind of behaviour.

 

Greets Robin

Tsvetomir
Telerik team
 answered on 16 Oct 2019
11 answers
1.0K+ views
Hi there,
I am trying to figure out how to create a filter based on a Date Range with the Kendo Grid?
I can't seem to find an example of this so I was hoping somebody might be able to help me.

Thanks in Advance
Can
Top achievements
Rank 1
 answered on 16 Oct 2019
2 answers
117 views

I have a gantt widget as pane of kendo splitter and when I exporting to pdf, I get blank file.

 

https://dojo.telerik.com/itANUHId

Svetlana
Top achievements
Rank 1
 answered on 16 Oct 2019
1 answer
160 views

Hi,

Please see my dojo for context, https://dojo.telerik.com/AdIqAPoy

The modelView binds 'selectedName' to the value of the dropdownlist, my query is this:
1) Why, when I select a option and 'get' the value, does the ModelView return the dropdownlist dataItem, but

2) when I 'set' the value of 'selectedName' manually, to the id of a dataItem, the dropdownlist updates, but when I 'get' the value again, it returns the id only?

Version v2018.3.911.

Thanks,
Grant

PS. In the Forums, whats the difference between the 'MVVM' and 'ModelView' topics?

 

Aleksandar
Telerik team
 answered on 15 Oct 2019
4 answers
548 views

Hello

I experienced some weird behaviours on refreshing chart. At the bottom of this message you find a fully working sample showing those weird behaviours. Some appearing effects are unpredictable. All over there is no error message in the console.log. 

There are two categories in the column chart you can switch by using the two buttons at bottom of the chart. By default category 1 with 11 columns while max 8 will be displayed. Category 2 has one column. You can pan the chart (required for category 1 to show hidden ones).

Case 1: 

Sliding category 1 to the most right shows a placeholder after column K (probably for the column in category 2).

Case 2:

Switch between category 1 and 2: works fine even tough the column of category 2 is not centered. As soon as you try to pan the column in category 2 it gots resized and centered. Furthermore you can move (pan) the column in category 2 out of the chart on the right side.

Case 3:

Slide to the right side (most right column) in category 1. Now switch to category 2: You will not see the column of it and the value axis is set to : 0, 0.2, 0.4, ...

You can move the column of category 2 into the chart by pressed mouse button while move it to the right. You see the column appearing. If you drag the column over the middle of the chart it disappears right away. If you move the column out of the chart on the right side the whole chart disappears sometimes or won't reappear

Tested in Chrome, Firefox and Safari (all on Mac), all with the described behaviours.

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 
</head>
 
<script>
 
    $(document).ready(function () {
 
        var dataList = [
            // Category 1
            { 'cat1': 'A', 'value': 1 },
            { 'cat1': 'B', 'value': 7 },
            { 'cat1': 'C', 'value': 2 },
            { 'cat1': 'D', 'value': 8 },
            { 'cat1': 'E', 'value': 5 },
            { 'cat1': 'F', 'value': 2 },
            { 'cat1': 'G', 'value': 9 },
            { 'cat1': 'H', 'value': 3 },
            { 'cat1': 'I', 'value': 7 },
            { 'cat1': 'J', 'value': 4 },
            { 'cat1': 'K', 'value': 1 },
            // Category 2
            { 'cat2': 'L', 'value': 5 }
        ];
 
        $("#chart").kendoChart({
            dataSource: {
                data: dataList
            },
            series: [{
                type: "column",
                aggregate: "sum",
                field: "value",
                categoryField: "cat1"
            }],
            pannable: {
                lock: "y"
            },
            categoryAxis: {
                min: 1,
                max: 8,
                majorGridLines: {
                    visible: false
                }
            }
        });
    });
 
    // Switch category (over buttons)
    function showCategory (category) {
        var chart = $("#chart").data("kendoChart");
        chart.options.series[0].categoryField = category;
        chart.refresh();
    }
 
</script>
<body>
 
<div id="chart" style="width: 1000px;"></div>
 
<button id="cat1" type="button" onclick="showCategory('cat1');">Show category 1</button>
<button id="cat2" type="button" onclick="showCategory('cat2');">Show category 2</button>
 
</body>
</html>

 

Am I missing something or is there anything I can do/set to avoid these "glitches" before refreshing the chart?

Regards

Tsvetomir
Telerik team
 answered on 14 Oct 2019
18 answers
756 views
Hello,

I'm using kendo UI grid and have a strange problem that occurred
sometimes when user click on cell to start edit mode on it:

I define a grid with inline edit mode. The grid contains among other a
simple string column.

When the user click on this field for edit it he see as expected a
simple input control and can change its text. But, sometimes after he click on
this cell to start edit it, the input control got the focus just for a millisecond
and then lost the focus. In this case the cell is opened for edit and
the input field is displayed but the focus is not on it. In order to start edit,
the user needs to click again on the input control for get it back the focus.
When this problem occurs it seems like the td that contains this input field got
the focus instead the input itself.

This problem occurs only in IE browser (I have IE version 11) and not
occurs in Chrome browser.

The strange story here, that when I change the 'navigatable' attribute
of grid to 'false' everything works perfectly. When I change this attribute to
'true' this problem occurs.

Do you have any idea what can be the problem? (my code is attached)

Thanks,

Yocheved


Suhail
Top achievements
Rank 1
 answered on 14 Oct 2019
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?