Telerik Forums
Kendo UI for jQuery Forum
2 answers
82 views
Hi,
Greetings!!!!
Keep up the good work, its really helpful.
Can you please let us know the date by when you are going to launch Mobile Beta version. Actually we are trying to develop Mobile and Tablet Apps.
Waiting to hear from you guys...

Best of Luck for your official launch of KendoUI.

Regards
Manash
WIPL
manash
Top achievements
Rank 1
 answered on 21 Nov 2011
1 answer
141 views
I just downloaded the beta 2 and got an email. Under "Installation" it says
1. From the downloaded zip file extract the /examples folder.
2. Open it as a site using Visual Studio or other web development tool and browse the index.html file to see the local demos.

The above didn't work for me because opening just the examples folder as a site breaks the references to the js files in other folders.  Heres what i did to make it work.

1. Extract the entire zip file (i extracted it to c:\telerik\KendoUIBeta2_2011_2_1007)
2. In VS2010, do a  File, Open, Web site and in the "Open Web Site" window, hilite c:\telerik\KendoUIBeta2_2011_2_1007 and click [Open].
3. RightClick index.html and "View in Browser" or RightClick it and "Set as Start Page" then press Ctrl F5 to run the site.

I think it's important that novices get the beta to work right away as you lose a lot of people right away if something doesn't initially work.  Or it could be that i'm not understanding the instructions properly.
Sebastian
Telerik team
 answered on 21 Nov 2011
1 answer
159 views
It seems like the CSS used can be simplified and made extremely manageable if we create a .less file for it. I was thinking if we could control the look and feel for each widget.
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 21 Nov 2011
3 answers
205 views

Hi,

I have come pretty far setting a chart up the way i want it, manipulating the examples provided. My problem is when Json encoding an array of the objects I use as the datasource, it does not work. I have looked around but not found any solution.

Here is my json array:

[{"0":{"counter":"10000","word":"someword1"},"1":{"counter":"9980","word":"someword21"},"2":{"counter":"9960","word":"someword3"},"3":{"counter":"9940","word":"someword4"},"4":{"counter":"9920","word":"someword5"}}]

Can anyone see a problem with the array? Or is this a wrong formatting, providing an array?

Here's the rest of the script which works without the "0","1" indexes.

Thanks for any help,

Ole M
Ole Martin
Top achievements
Rank 1
 answered on 21 Nov 2011
1 answer
248 views
How do I get the result of an operation crud from the server and display in an alert?

Example
:

Kendo:

Datasource
    transport
    update
        url
        POST

On the server (php script):

       $ result = mysql comand
      echo json_encode($result)
- - - - - - - - - - - - -

How do I get back on kendo the $ result and show? just like:

alert ($ result)
Petyo
Telerik team
 answered on 21 Nov 2011
1 answer
207 views
I miss the event "beforeSelect".
I would like to perform a function that will hit the server (ajax) and returns some data for the selected node. However, if the operation fails node should not be selected.
Event "beforeSelect" would be fires when I click on the node, but before the event "select". If "beforeSelect" returns False, the event "select" should not be called.


Such an event should be in other widgets.


Alex Gyoshev
Telerik team
 answered on 21 Nov 2011
1 answer
168 views
No matter what page number I click on, a page index of 1 is sent to the server. Anyone know what I'm doing wrong? My code is below. Thanks!

$(document).ready(function () {
    $("#grid").kendoGrid({
        dataSource: {
            type: "json",
            transport: {
                read: "@Url.Content("~/reservation/grid")"
            },
            schema: {
                data: "results",
                total: "total"
            },
            pageSize: 25,
            serverPaging: true,
            serverSorting: true
        },
        height: getGridContentHeight(),
        scrollable: true,
        sortable: true,
        pageable: true,
        columns: [
            {
                field: "FormattedDate",
                title: "Date",
                width: "133px"
            },
            {
                field: "FirstName",
                title: "First Name"
            },
            {
                field: "LastName",
                title: "Last Name"
            },
            {
                field: "TableName",
                title: "Table Name"
            },
            {
                field: "PartySize",
                title: "Size"
            },
            {
                field: "HasNotes",
                title: "Notes",
                template: "#=HasNotes#" == "true" ? "<a href=\"javascript:void(0)\" onclick=\"openNotes(#=CustomerKey#, #=ReservationKey#)\">View Notes</a>" : "N/A"
            },
            {
                title: " ",
                template: '<a href="/admin/customer/profile?customerkey=#=CustomerKey#"><img src="@Url.Content("~/Content/Images/customer_profile.png")" alt="" /></a>',
                width: "131px"
            },
            {
                title: " ",
                template: '<a href="/admin/reservation/change?customerKey=#=CustomerKey#&reservationkey=#=ReservationKey#"><img src="@Url.Content("~/Content/Images/change.png")" alt="" /></a>',
                width: "77px"
            },
            {
                title: " ",
                template: '<a href="javascript:void(0)" onclick="openCancel(#=ReservationKey#)"><img src="@Url.Content("~/Content/Images/cancel.png")" alt="" /></a>',
                width: "77px"
            },
            {
                title: "Checked In",
                template: '<div id="checkin-processing-#=ReservationKey#" class="checkin-processing"><img src="@Url.Content("~/Content/Images/ajax-loader.gif")" alt="" /></div><input id="checkin-#=ReservationKey#" type="checkbox" #=CheckedIn# == true ? "checked=\"checked\"" : "" onclick="checkInOut(#=ReservationKey#, this.checked)" />'
            }
        ]
    });
});
gdycus
Top achievements
Rank 1
 answered on 20 Nov 2011
1 answer
76 views
hello,
can be forwarded to rx.php while the bar is moving

something like

 function sliderOnChange(e) {

url: "rx.php",
type="POST",
data: {name: "e.value"}

thank you very much

luca
Dimo
Telerik team
 answered on 18 Nov 2011
1 answer
153 views
Hello,

I need this sort of functionality (i.e. the side bars auto closing after opening + ability to pin them down)
http://layout.jquery-dev.net/demos/complex.html

1. Any plans to implement this in the splitter?
2. Do you have a suggestion / ideas about the best way to implement it?

Thank you,

Jared
Dimo
Telerik team
 answered on 18 Nov 2011
1 answer
768 views
With the following code, the chart does not even appear on the page when rendered..
<script type="text/javascript">
    function toDate(value) {
    var dateRegExp = /^\/Date\((.*?)\)\/$/;
    var date = dateRegExp .exec(value);
    return new Date(parseInt(date[1]));
}
$(document).ready(function () {
 
    var dsPriceHistoryChart = new kendo.data.DataSource({
        transport: {
            read: {
                url: "http://localhost/Data/GetPriceHistoryForChart?callback=?",
                dataType: "jsonp",
                data: {
                    "BeginDate": "2011-10-01",
                    "EndDate": "2011-10-27"
                }
            }
        },
        schema: {
            data: function(data){
                return $.parseJSON(data);
            }
        }
    });
 
 
 
            $("#PriceHistoryGrid").kendoGrid({
                groupable: true,
                sortable: true,
                pageable: true,
                scrollable: true,
                selectable: "row",
                dataSource: dsPriceHistoryChart,
                columns: [
                            {
                                field: "BusinessDate",
                                title: "Business Date",
                                template: '#= kendo.toString( toDate(BusinessDate), "MM/dd/yyyy" )#'
                            },
                            {
                                field: "EffectiveDate",
                                title: "Effective Date",
                                template: '#= kendo.toString( toDate(EffectiveDate), "MM/dd/yyyy" )#'
                            },
                            {
                                field: "Test1",
                                title: "Test1",
                            },
                            {
                                field: "Test2",
                                title: "Test2",
                            }
 
                ],
                 
            });
 
    $("#PriceHistoryChart").kendoChart({
        title: {
            text: "Price History"
        },
        dataSource: dsPriceHistoryChart,
        series: [
                {
                    type: "line",
                    field: "Test1",
                    name: "Test1"
                },
                {
                    type: "line",
                    field: "Test2",
                    name: "Test2"
                }
            ],
        categoryAxis: {
            field: "BusinessDate",
            labels:{
                rotation: -90,
                template: '#= kendo.toString( toDate(BusinessDate), "MM/dd/yyyy" )#'
            }
             
        }
    });
 
    dsPriceHistoryChart.read();
    
                         
 
});
</script>


The Grid displays things properly, but the Chart does not..
I had assumed the template item inside the categoryAxis.labels would be the equivalent to that of the Grid, am I mistaken?

If I remove the 'template' setting as follows, the chart displays - but with horrible looking dates, as they are returned from a WCF service.


$("#PriceHistoryChart").kendoChart({
        title: {
            text: "Price History"
        },
        dataSource: dsPriceHistoryChart,
        series: [
                {
                    type: "line",
                    field: "Test1",
                    name: "Test1"
                },
                {
                    type: "line",
                    field: "Test2",
                    name: "Test2"
                }
            ],
        categoryAxis: {
            field: "BusinessDate",
            labels:{
                rotation: -90
            }
             
        }
    });

NOTE: You may have noticed these lines and wondered why I am calling $.parseJSON in my datasource declaration..
schema: {
            data: function(data){
                return $.parseJSON(data);
            }

The reason for this is that I have to return a collection from C#, and to do so, I serialize a List<Dictionary<string,object>> object into javascript and return it to the page..  
Hristo Germanov
Telerik team
 answered on 17 Nov 2011
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
Drag and Drop
Application
Map
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
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?