Telerik Forums
Kendo UI for jQuery Forum
2 answers
2.5K+ views
We have a UI where we destroy and then recreate a kendoui grid, like:

grid.destroy();
grid.wrapper.empty();


Since going to the latest kendo, we get an error. These two fiddles show it working with 2013.3.1119, and failing with 2014.3.1314 (javascript error in console).

Is there something we're doing wrong, or is this a bug?

This fiddle works (kendoui 2013.3.1119):
http://jsfiddle.net/yosr5xgt/1/

This fiddle is broken (kenodui 2014.3.1314):
http://jsfiddle.net/cLonmd7q/1/

Thanks,
Ryan









Kiril Nikolov
Telerik team
 answered on 19 Jan 2015
4 answers
307 views
we are using kendo multiselect within a directive with some custom logic to enable support of very large lists, hence we have a backing object that stores the datasource list, and a backing model to store the selected items.When the user types into the multiselect and selects an item kendo code applies a filter to the datasource and we have mimicked this behavior to remove the fitler kendo applies like so:

dataSource.filter({});

In certain cases we need to persist the order in which the items were selected in the multiselect, the issue is that when the above code runs to apply the filter (when the user types into the multiselect and selects an item) in addition to filtering kendo applies a sort on the internal model of the datasource by default it looks like on the items property called 'Name'. In our case its sorting the int values.

Use case - Imagine you select these items in the multiselect in this sequence: 1 {Id:6, Name:John} 2 {Id:1, Name:Adam}.
the ng-model on the multiselect correctly shows [6, 1]

then user types into the multiselect and selects an item {Id: 10, Name: Steve}

then our code is called: dataSource.filter({}) as we grammatically add the selected items to the multiselect 

the ng-model on the multiselect is now [1 , 6, 10] // John and Adam have swapped places due to a sort that must have happened in the filter method

Does anyone know how to filter without having the datasource automatically sort so we can persist the order in which the items were selected? I have tried to use query rather than filter on the datasource with a sort object but my model is an array of int so is becomes complicated as I would have to change these objects in the ng-model...
ref to datasource query can be seen here: http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#query

thanks!
Georgi Krustev
Telerik team
 answered on 19 Jan 2015
7 answers
308 views
Hi there.

We are going to use Kendo UI for our new product GUI. We want to display a list of nodes using a Grid. Because node information changes over time, this Grid needs to be refreshed every ~5s to reflect the current cluster status. Using the DataSource push functionality, this works without "flickering" (this happens if you call read() on the DataSource every time). But unfortunately the selection of the nodes is lost on every update, which is not good for the usability. Is there any convenient way to store the selection before the push update and restore it afterwards?

This is our small DataSource (perhaps there's a way to improve it, too):
var dataSource = new kendo.data.DataSource({
    type: 'json',
    transport: {
        push: function(callbacks) {
            setInterval(function() {
                $.ajax({
                    url: 'http://127.0.0.1:8093/api/updater/latest/nodes',
                    dataType: 'json',
                    username: 'admin', password: 'admin',
                    success: callbacks.pushUpdate,
                });
            }, 2000);
        },
    },
    schema: {
        data: 'nodes',
        model: {
            id: 'id',
        },
    },
});

Thank you for your help.
Alexander Valchev
Telerik team
 answered on 19 Jan 2015
5 answers
150 views
Hi
  Apologies in advance as I suspect this is probably obvious, just not to me

Can you make the back button or href navigation (data-role="backbutton") miss out pages?

I have a collection of views

A->B->C1->D1
              |      |
            C2->D2

Here the user may go from View A to B, if they hit back they'll go back to A. Fine

They may go A->B->C1->C2->C1->C2, if they hit back they'll go back through the sequence again but I'd like them to go back to B, i.e. bypassing the C1->C2->C1 sequence, almost as though C1 and C2 were the same page

I can't go directly to B from C2 as they may not have come to C2 from B, they may have come from somewhere else

So Ideally there would be something which would let you navigate between to C2 and C1 without going into the history

I'm guessing you can do something in raw javascript with the history object to do this but I'm wondering what the 'kendo' way to do this is

thanks




Anthony
Top achievements
Rank 1
 answered on 19 Jan 2015
5 answers
311 views
I have a tree down layout with one parent having 31 direct children, which produces quite a wide layout. The problem is that I cannot view the entire diagram, even though I'm calling bringIntoView(diagram.shapes). Also, manually zooming with mouse scroll wheel doesn't allow me to zoom out enough to see the whole diagram.

Are there some limitations with zoom such that it is impossible to view the entirety of diagrams wider than a certain amount?

Thanks,
Gary
Matt
Top achievements
Rank 1
 answered on 19 Jan 2015
1 answer
136 views
On kendoTreeList, the eventhandler databound fires between 2 and 4 times when one remote binding has been bound.
Could give me a workaround to know when a databinding are finally ended?

You can reestablish this action by edit your example: http://demos.telerik.com/kendo-ui/treelist/remote-data-binding
Add for instance this line of code to the treelist: dataBound: function(e){ alert('data binded'); },

Thanks :o)
Alex Gyoshev
Telerik team
 answered on 19 Jan 2015
3 answers
58 views
When enabling filtering is there any way to add additional operators to the various types strings, numbers, dates, booleans and provide custom filter function code.

e.g. string currently has the following

Is equal to
Is not equal to
Starts with 
Contains
Does not contain
Ends with

Can I add something along the lines of Sounds like option with a function which performs the actual soundex based comparison?

Nikolay Rusev
Telerik team
 answered on 19 Jan 2015
2 answers
405 views
Hi I am using a kendo dropdownlist as a ClientTemplate for one of the grid columns. When I add a new item to the grid, make a selection from the dropdownlist, and then select Update, the value for the dropdown is null. Only after I refresh the page is the correct value displayed. Dropdown list is displaying correct values.

We are using .net MVC and DataSource WebAPI to bind to the models.
Thien
Top achievements
Rank 1
 answered on 16 Jan 2015
2 answers
371 views
I have a form with both a submit and cancel button.  I am performing validation on multiple fields when they lose focus and when the form is submitted.  Is there anyway to bypass validation when the cancel button is clicked? 
James
Top achievements
Rank 1
 answered on 16 Jan 2015
4 answers
107 views
I have a listview bound to a list of audits that a user must carry-out. When an audit is clicked in the list another listview is shown on page 2 with the details of the audit that need to be taken care of. Once a detail is selected from within that list there is a detail form on a third page. I use app.navigate to drill-down to the detail that needs to be address. The problem is that when I click the back button (standard back button as in examples) the app navigates to the initial page rather than the 2nd page.

I can't figure out how to address this problem. 
jwize
Top achievements
Rank 1
 answered on 16 Jan 2015
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?