Telerik Forums
Kendo UI for jQuery Forum
3 answers
222 views
I have tried navigating to remote views via both anchors that have href set and in JS by app.navigate("test.html") and no matter which way i perform the navigation, navigating back (pressing the back button in the nav bar or pressing back in the browser) results in the application navigating to the starting index page. It's as though the views that are navigated to are not being recorded as I navigate to them. I have not been able to find much information on this. The only relevant information I found was to check app.pane.history (an array) and sure enough it was empty after I had perfomed a few jumps of navigation. I'm not really sure what to do at this point beyond trying to catch the back event and implement the history manually. Any suggestions?
Veselin Tsvetanov
Telerik team
 answered on 20 Nov 2017
3 answers
157 views

Hi,

I'm trying to use kendo grid virtual scrollable + editing + sorting with version 2017.3.1018.

The create/update is working well, but there is an unexpected behavior in delete function.

You can see it in this example: 

https://dojo.telerik.com/@huan5.wang@citi.com/urAxO/3

 

Here is a grid with 10000 items displayed. And the data is sorting by Id in descending order.

When I delete the first item (Id: 9999) and then refresh the grid (scroll down and up, sorting), this deleted item will reappear.

Could you review it?

 

Thanks

Huan
Top achievements
Rank 1
 answered on 20 Nov 2017
1 answer
135 views
I am having an issue with the labels on a Kendo Chart. It seems to be caused by data with the date of 11/6/2017. Could it be an issue with daylight savings time? If data is returned that includes that date, the chart generates hundreds of x-axis labels instead of just 20-30 (depending on the date range used). I have changed the raw data for 11/6 and it does not seem to be related to the actual values. I can successfully graph any other date range. Please see the attached graphic.
Stefan
Telerik team
 answered on 20 Nov 2017
3 answers
822 views

Our accessibility department flagged our kendo multiselects as being "inaccessible" because "spacebar" is not supported to use as a selector. Multiselect apparently uses "Enter" key to make multiple selections.

I have tried to swap the keycodes during detection but it doesnt seem to work.

Ultimately, we would like to support "spaces" in our input field, but use the spacebar key to make a selection when scrolling through the list.

 

I have tried this code but it doesnt work. Any ideas? Is this possible?

 

//watch for "spacebar" key sequence from user keyboard
multiselectRoot.on("keydown", function (e) {
 
    if (e.keyCode === 32) { // space bar
        console.log('found spacebar');
 
        event.preventDefault();
        e.keyCode = 13; //reset to "return key"
        multiselect.trigger(e);
 
        console.log('event fired');
    }
});

 

Thank you

Richard
Top achievements
Rank 1
 answered on 17 Nov 2017
1 answer
360 views

So all the examples given are for jQuery and show to use the id assigned to the select and use dataItems() to get the selected items in an array. However, for React, I haven't had luck defining a MultiSelect with an id, and I am unsure how to select a specific one to get the selected items. I have several multiselects defined and need to get the selected items that are provided via a remote data source. 

Here is an example of one them: 

<MultiSelect id="materials" dataSource = {this.materialOptions} dataTextField={'material_code'} dataValueField={'material_code'} placeholder='Select Materials...'/>

 

When I view the element it doesn't have the assigned id "materials". So how I can access this outside of the render definition?

Kara
Top achievements
Rank 1
 answered on 17 Nov 2017
5 answers
239 views

When I view my KendoUI map control on my iPad I see 2 marker images for each marker - one large and the other small.

On every other browser the map looks OK, but for some reason on iPad I see an additional large marker behind.

Is there a way I can remove the large marker on ipad?

Cheers

Stefan
Telerik team
 answered on 17 Nov 2017
6 answers
609 views

Hi, 

Im using the Kendo Date Picker and next to it is an input Im using to display a time range (eg: 12:00 - 13:00). Is it possible to make the input look and behave (ie, changing shades on hover) like a kendoUI Time Picker, but not function like one?

Thanks, 
Grant

Grant
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 17 Nov 2017
1 answer
129 views

Hi,

 

I'm wondering if there is something to make a parent child relationship between an autocomplete component to a grid?

 

I used to have another grid to host the information from autocomplete which I can use linkChild() to easily bind two grids. But I couldn't seem to find any similar function that allows me to do the same between the autocomplete with the grid. If there is no such method exist, is there any walk around that allows me to do so?

Regards,

Yifan

Stefan
Telerik team
 answered on 17 Nov 2017
1 answer
126 views
'CompanyName' field and 'ContactTitle' field have an editable: false attribute.
However, editing is possible.

$("#grid").kendoGrid({
  dataSource: {
    type: "odata",
    transport: {
      read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
    },
  },
  editable : true,
  pageable: true,
  columns: [{
    field: "CompanyName",
    title: "Company Name",
    width: 420,
    editable : false
  },
            {
              title: "Contact Info",
              columns: [{
                field: "ContactTitle",
                title: "Contact Title",
                width: 200,
                editable : false
              },{
                field: "ContactName",
                title: "Contact Name",
                width: 200
              },{
                title: "Location",
                columns: [ {
                  field: "Country",
                  width: 200
                },{
                  field: "City",
                  width: 200
                }]
              },{
                field: "Phone",
                title: "Phone"
              }]
            }]
});



Preslav
Telerik team
 answered on 16 Nov 2017
1 answer
694 views

'CompanyName' field and 'ContactTitle' field have an editable: false attribute.

However, editing is possible.

https://dojo.telerik.com/akUSOh/2

 

$("#grid").kendoGrid({
  dataSource: {
    type: "odata",
    transport: {
      read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
    },
  },
  editable : true,
  pageable: true,
  columns: [{
    field: "CompanyName",
    title: "Company Name",
    width: 420,
    editable : false
  },
            {
              title: "Contact Info",
              columns: [{
                field: "ContactTitle",
                title: "Contact Title",
                width: 200,
                editable : false
              },{
                field: "ContactName",
                title: "Contact Name",
                width: 200
              },{
                title: "Location",
                columns: [ {
                  field: "Country",
                  width: 200
                },{
                  field: "City",
                  width: 200
                }]
              },{
                field: "Phone",
                title: "Phone"
              }]
            }]
});

 

 

Preslav
Telerik team
 answered on 16 Nov 2017
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?