Telerik Forums
Kendo UI for jQuery Forum
5 answers
79 views
Hi

I have an application which uses WCF Data Services OData service and works under Kendo UI 2013.1.319 with following syntax:
var clientsDataSource = new kendo.data.DataSource({
    type: "odata",
    serverFiltering: true,
    serverSorting: true,
    transport: {
        read: {
            url: '@Url.Content("~/Services/DataService.svc/ActiveClients")',
            headers: {
                DataServiceVersion: "2.0",
                MaxDataServiceVersion: "2.0"
            },
        },
 
    },
    schema: {
        model: {
            id: "RecId",
            fields: {
                DateStarted: { type: "date" },
                Exported: { type: "boolean" },
            }
        }
    },
    filter: { field: "Inactive", operator: "eq", value: inactiveFilter },
    sort: { field: "CustomerName", dir: "asc" },
});
But as soon as I switched to new version of Kendo UI (2013.2.716) they stopped working.
Could you let me know what has been changed in new version of DataSource for supporting oData services and how should I modify my DataSource definition to work with new version of Kendo UI?

Thanks
Ron Farko
Sebastian
Telerik team
 answered on 29 Jul 2013
3 answers
229 views
So im having some difficulty binding multiple stacks via ajax to the grouped stacked bar chart.  Hard coding the values the way you did in the demo works fine.  However I am unable to replicate the results using ajax binding.  I can do the grouped stacked bar chart with one stack, but having multiple stacks per category is eluding me.  Do you have an example where that is done through ajax binding instead of specifying the int[] in the view?  I can format the data in anyway that needs to be done.  You can even use the demo data as an example just need to know how it would be loaded through the ajax binding using the mvc helpers not through creating the chart via script.
so 
series
     .Column(m => m.Value).Stack(true);  but how to get this for multiple stacks per category...
Iliana Dyankova
Telerik team
 answered on 29 Jul 2013
1 answer
125 views
Hi,

I have encountered a very strange behaviour demonstrated by the following code sample:

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <meta charset="UTF-8" />
    <script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script>
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
 
<body>
    <div data-role="view" data-layout="layout_home" id="home">
        <a data-role="button" href="#lernen_auswahl">Lernen</a>
    </div>
 
    <div data-role="view" data-layout="layout_default" id="lernen_auswahl">
        <a data-role="button" href="#lernen1" data-transition="fade">Los 2</a>
    </div>
 
    <div data-role="view" data-layout="layout_lernen" id="lernen1" data-stretch="true">
        Foo!
    </div>
     
    <div data-role="layout" data-id="layout_home">
    </div>
 
    <div data-role="layout" data-id="layout_lernen">
        <div data-role="footer">
            <div data-role="navbar">
                <p data-align="right">
                    <a data-role="button" href="#home">
                        Home
                    </a>
                </p>
            </div>
        </div>
    </div>
     
    <div data-role="layout" data-id="layout_default">
        <div data-role="footer">
            <div data-role="navbar">
                <p data-align="right">
                    <a data-role="button" href="#home">
                        Home
                    </a>
                </p>
            </div>
        </div>
    </div>
     
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.mobile.min.js"></script>
 
    <script>
        var app = new kendo.mobile.Application($(document.body), { transition: "slide" });
    </script>
</body>
 
</html>
If you press the buttons 'Lernen', 'Los 2', go Home via the button in the footer, and press 'Lernen', 'Los 2' again, the footer vanishes and there is only a black strip where the footer is supposed to be.

This can be prevented by either using a different transition than 'fade', which is not an option in my case, or by not setting the default transition in the app initalization.

As you can see in the code snippet, I am using Phonegap (for Android). My Kendo UI version is 2013.2.716.

Looking forward to your reply
Alex
Kiril Nikolov
Telerik team
 answered on 29 Jul 2013
12 answers
134 views
Hello,

After upgrading from 2013.1 from 2012.3, when I bind a source to a drop down list, there is not a selected item in the list anymore.  I created two js fiddles which show this.

This first one is using 2012.3, note that the drop down list has Item1 selected by default:
http://jsfiddle.net/m4LPB/2/

This one is using 2013.1, note that the drop down list does NOT have an item selected:
http://jsfiddle.net/2FHsV/1/

Also, it appears that 2013.1 ignores anything I add to a data-index attribute on the select tag, where it should set the default item.

Thanks
Georgi Krustev
Telerik team
 answered on 29 Jul 2013
1 answer
122 views
I'm new to Kendo UI and am trailing it with ASP.NET MVC Wrappers at the moment.  I've made fairly good progress.  I've created a group of 6 Dropdown list boxes, all of which update with server side filtering connecting to a MySQL database.

My question is if I wanted to design this sort of website for both web and mobile usage, how should I go about using the same code but for mobile viewing ?  Are there any recommendations ?
Kiril Nikolov
Telerik team
 answered on 29 Jul 2013
1 answer
77 views
Hi,

I have a kendo Grid inside a kendo Window.

The grid starts about 1/3 down into the window. I am trying to find a way that the grid will size with the window. So when a user makes the window bigger the grid matches, but also allows the grid to scroll.

Its easy to get it to scroll, but I dont know how to get it to size with my window.

Any ideas?
Dimo
Telerik team
 answered on 29 Jul 2013
1 answer
215 views
I have the following config:
$("#upload-file").kendoUpload({
            async: {
                saveUrl: "http://mysite.com/upload",
                removeUrl: "remove",
                autoUpload: false
            }
        });
I would like to have the remove buttons on all the files before the user uploads the files (so they can remove any that were accidentally selected). I do not want to provide a remove button after the files have been uploaded because we are not currently supporting removal of files after they are uploaded.

I see that removing the "removeUrl" setting removes the ability to remove files all together. Is there a way to configure the control the way I describe?
Dimiter Madjarov
Telerik team
 answered on 29 Jul 2013
1 answer
192 views
Is there a way to specify the sort order for the items within a group?

Thanks!
Steve
Telerik team
 answered on 29 Jul 2013
2 answers
248 views
What I am trying to accomplish is a listview where each item is horizontally scrollable to another template item specifically an input field and a button. Is there any way to accomplish this? I have tried creating a listview with a template that contains a touch element and using the swipe event to update the template for that individual item but there appears to be no way on a mobile device to update an individual list items template. Another way I tried to do accomplish this was by making each listview item a scrollview but the problem there is the template for the scrollview has to be uniform and can not vary between pages. Any help would be much appreciated.

Thanks.
Ryan
Petyo
Telerik team
 answered on 29 Jul 2013
3 answers
669 views
If i populate list inside drawer through viewmodel then the drawer has some strange behavior (it close then it opens and again it close):
but if I do it with the static li items than it works perfectly.


the viewmoldel, drawer layout and templateItem

define(function () {
    return {
        viewModel: {
            routes: [
                { url: '#about-view', name: 'Menu' },
                { url: '#customer-view', name: 'Customer' },
                { url: '#fivatCategory-view', name: 'Fi Vat Category' }]
        }
    };
});
    <script id="menu-list-template" type="text/x-kendo-template">        
        <li data-icon="inbox"><a href="${url}" data-transition="none">${name}</a></li>
    </script>

<div data-role="drawer" id="my-drawer" data-model="app.menuView.viewModel" style="width: 270px" data-title="Menu" data-views="['about-view','customer-view', 'fivatCategory-view']">
        <header data-role="header">
            <div data-role="navbar">
                <span data-role="view-title"></span>
            </div>
        </header>
        <ul data-role="listview" data-type="group">
            <li>Navigation
                <ul data-bind="source: routes" data-template="menu-list-template"> <!-- when this is bound through viewmodel  --!>
                </ul>

            </li>
            <li>Einstellungen
            <ul>
                <li data-icon="spam"><a href="#drawer-spam" data-transition="none">Spam</a></li>
                <li data-icon="spam"><a href="#fivatCategory-view" data-transition="none">Fi VAT 2nd Try</a></li>
                <li>Leistungen</li>
            </ul>
            </li>
            <li>Account
            <ul>
                <li data-icon="settings">Logging</li>
                <li data-icon="off">Log Out</li>
            </ul>
            </li>
        </ul>
    </div> 
Petyo
Telerik team
 answered on 29 Jul 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?