Telerik Forums
Kendo UI for jQuery Forum
2 answers
127 views
I have been working with the MVC Wrappers and now I want to check the possibility of using Json bound kendo web controls with out a ViewModel.
I was wondering is there is a simple way of creating a simple Js wrapper that would create the element that the Kendo control would bind to and create a very smoth code instead of:
Html element 
JS $(#ElementName).kendowigit(data)...
Is the kendo team thinking of this has it been done.
The only like that resemble this is http://www.kendoui.com/blogs/teamblog/posts/12-04-03/creating_custom_kendo_ui_plugins.aspx
But one of the parameters the init function recieves is Element.

Yours,

Ariel

VasVas
Top achievements
Rank 1
 answered on 18 Nov 2013
2 answers
133 views
Hi,

I need help :). I would like to do something like this:

https://developers.google.com/chart/interactive/docs/gallery/motionchart (press the play button)

A bubble chart with a date slider,. Basically  when I move the slider, the bubble chart will refreshing the data dynamicaly...

Do you know if is possible to do it? and the best thing! Do you have any example? 

Thanks a lot!
Luis
=======================================
EDIT:

I found this example: http://www.kendoui.com/forums/kendo-ui-dataviz/chart/update-datasource.aspx

So I think that will be possible to do!  But if anyone has an example... please let me know!

Thanks
Luis
Top achievements
Rank 1
 answered on 18 Nov 2013
3 answers
296 views
Hi,
 
I'm trying to make a Pinterest like page for images -  the images will need to be clickable to display some kind of pop-up or light box so the user can vote for or share the image. I need endless scrolling with a responsive widget that wraps the images as the screen size changes. So, in a desktop environment there might be 10 images across while in a mobile environment there might be one, two, three , or four depending if the mobile device is a phone or tablet.

The only widget I see with endless scrolling is the Mobile List View, though the Scroll View custom template example does seem to do that too. I just can't figure out how to make it work with our XML datasource. (I might actually prefer using this widget but, like I said, I can not figure out how it works. I welcome any advice here too.)

Using the Endless Scrolling mobile List View example as a start, how do I get it to display images horizontally to fill a row to the width of its container and wrap to 
the next row when needed? (It seems that when I don't use the endless scrolling setting that the images will form 3 columns but with endless scroll turned on the widget insists on only having one column).

I have tried following the following post but it is getting me no where as the images are always stacked on top of each other as though I made no changes:
http://www.kendoui.com/forums/kendo-ui-mobile/general-discussions/container-for-images.aspx

Also, how do I dynamically set the total count of images in the datasource. The total count is unknown until the data is brought back. The total count is an attribute of the root element in the returned XML.

Thanks,
Eric
Petyo
Telerik team
 answered on 18 Nov 2013
1 answer
231 views
To better explain what I'm looking to do I adapted a sample from the cascading dropdownlists. View JSFiddle example  The issue is with the data format...

Work flow is that we have selected a town. Then all the streets in that town are populated in DDL. Once street is selected, then all the street numbers on that selected street are populated in the last DDL.

Note: The mock data is a sample of the real data with much less. Code from the existing REST endpoint creation can be viewed in here: REST C# endpoint

What tweaks do I need to make to take advantage of this perfect example for a cascading dropdownlist?

Thanks in advance!
Alexander Valchev
Telerik team
 answered on 18 Nov 2013
3 answers
98 views
Hi,

Kendo Web 2013.2.918 no longer has the DropDownList.enable(enabled) function.  It appears that this has been removed from your documentation as well.  But, interestingly, it is still in the demos on your website.  Did you remove this?  Why?  Now I have to use readonly and then set the disabled styling manually which is doable but what a hassle for people upgrading.

Georgi Krustev
Telerik team
 answered on 18 Nov 2013
1 answer
241 views
Hi Kendo team,

I have a problem with reading the datasource. 

 data = new kendo.data.HierarchicalDataSource({
//----i am using this one---
                //transport: {
                //    read: function (options) {
                //        $.ajax({
                //            url: '/Inventory/GetcategoryTree',
                //            type: "GET",
                //            dataType: "json"
                //        });
                //    }
                //},
//-----or this one------
                transport: {
                    read: {
                        url: function () {
                            return '/Inventory/GetcategoryTree';
                        },
                        create: {
                            dataType: "json",
                            type: "GET",
                            cache: true
                        }

                    }
                },
                schema: {
                    model: {
                        id: "Id",
                        children: "Children"
                    }
                },
                scrollable: true,
                sort: { field: "CategoryName", dir: "desc" }
            });

Then i add the DS to the tree:


    var treeView = $("#treeview").kendoTreeView({
        dataSource: data,
        scrollable: true,
        dataTextField: "CategoryName",
        select: function (e) {
            this.expand(e.node);
        }
    }).data("kendoTreeView");

So now the problem is, when i call the treeView.dataSource.read() nothing happens and in debugger i see that the read() is undefined.(cant see it in the list of methods too)

Do you guys now when this ca occur, and under what circumstances. Is it the HierarchicalDataSource? I can see that the data source is there and i see the data too. However on break point in Chrome the dataSource is "B.extend.init"  
Atanas Korchev
Telerik team
 answered on 18 Nov 2013
1 answer
560 views
I want to collapse the node on single click. To do that i need to know if the node is expanded so i can call collapse(e.node)

Thanks a lot team
Dimiter Madjarov
Telerik team
 answered on 18 Nov 2013
1 answer
867 views
Hi !

i've got a problem to make my filter works,.
i'm doing a request to a file that contains some json code see below:

[
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058500","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058501","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058502","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058503","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058504","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058505","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058506","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058507","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058508","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"},
{"Adresse1":"1 RUE HERMARY", "CP":"62620","ID":"058509","Lat":"50,4597886","Long":"2,6139708","Nom":"PRESSING","Pays":"FR","Photo":"http://www.mondialrelay.fr/img/dynamique/pr.aspx?id=FR065358","Ville":"BARLIN"}
]
and here is my request :

function getDataFromFileById(fl){
    var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "./data.json",
                dataType: "json",      
            },
        },
        filter: { field: "ID", operator: "eq", value: fl }
    });
    console.log(dataSource);
    return (dataSource);
}
when i'm using this function without any filter, it works perfectly.
i read the doc and i did try to add some filter by the same way and i get an object but without my data ...
by the way the 'fl' parameter i use as filter is a number (058500).
am i doing something bad ? 
thanks for reading and answering,
best regards :)
Atanas Korchev
Telerik team
 answered on 18 Nov 2013
1 answer
210 views
Hello,

I want to render schedule in a day view but time line should be rendered horizontal. All of the demo examples include timeline in vertical orientation which seems default. Any help is appreciated?

thanks

pravin
Rosen
Telerik team
 answered on 18 Nov 2013
1 answer
182 views
I have an autocomplete textbox working with an odata endpoint. In addition to the $filter that kendo generates I'd like to add an additional filter to eliminate "deactivated" items.

The approach shown in the code below works for grids, but (understandably) kendo uses its own $filter and ignores mine (in particular below, see $filter: "Hidden -eq false" bit):

$("#product-entry-list input").kendoAutoComplete({
    filter: 'contains',
    dataTextField: 'Name',
    dataSource: {
        type: 'odata',
        serverFiltering: true,
        serverPaging: true,
        pageSize: 20,
        transport: {
            read: {
                url: window.rootUrl + 'odata/ProductLines',
                dataType: 'json',
                data: {
                    $filter: "Hidden eq false"
                }
            }
        },
        schema: {
            data: (d) => d.value,
            total: (d) => d['odata-count']
        }
    }
});

Is there a spot in the autocomplete or datasource API where I can inject custom filtering? Alternatively I suppose I could create a special ODataController for ProductLines that only shows active items, but it seems "nicer" to just have a single ProductLines OData endpoint and let the clients describe what they want.



Jason
Top achievements
Rank 1
 answered on 16 Nov 2013
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?