Telerik Forums
Kendo UI for jQuery Forum
2 answers
239 views
I am doing a little project which involves me saving data into an array from user inputs which i wish to display using a bar chart. However when i run the code from aptana studio local server, i get no chart, but if i open it using the file:// protocol, it works how it should. Not sure what is going on. I'm still learning web development so i'm not really sure what has gone wrong.

The console error i am recieving when running from a local server is:
$("#chart").kendoChart is not a function
field: "year"
Alexander Valchev
Telerik team
 answered on 07 Nov 2012
2 answers
442 views
Hello,

how can I use the filter in a declarative notation? I am using a dropDownList the following way:

<select data-role="dropdownlist" data-text-field="Name" data-value-field="Id" data-bind="source: data, value: myId" data-source="{filter: {field:'Id', operator:'eq', value:'this.myId'}}"></select>

Within JavaScript:
var viewModel = kendo.observable({
data:[{Id:"1", Name:"a"}, {Id:"2", Name:"b"}, {Id:"3", Name:"c"}, ],
myId:2
});
kendo.bind($("#example"), viewModel);

But this does not work! How can I reference the myId parameter within the viewModel?
The filter works if I hardcode a value (e.g. if I write '2' instead of 'this.myId')

-----------------------------------

I added a short sample with 2 select widgets. The options of the second select widget are dependent on the first select widget.
But this sample does not work.
Can you tell me why?

http://jsfiddle.net/hollomey/fJH8P/18/

How can I filter the options of the 2nd select widget dependent on the selection value of the 1st one?
And how can I make the 2nd select widget to change automatically when a different selection is made in the 1st select widget?
And is it possible to code this sample with a filter on the dataSource?

-----------------------------------

In the next sample I use a change event in the 1st select widget. But the alert-box shows always the value from the previous selection, never the current one. And the close event hangs up the application...
There is also an update problem with the 2nd select widget when changing the selection multiple times...
What's wrong with this code?

http://jsfiddle.net/hollomey/fJH8P/26/

Thanks for your help
Florian
Florian
Top achievements
Rank 1
 answered on 07 Nov 2012
3 answers
432 views
Has anyone tried Kendo with Twitter BootStrap?
Any issues with that?
I'm looking to use Bootstrap for mostly CSS/UI/& buttons.
Prefer Kendo for DataGrids / Heavylifting.

In hints or tips would be great.

Thanks
Kris Nobels
Top achievements
Rank 2
 answered on 07 Nov 2012
1 answer
111 views
Hi,

I am using a datasource with a filter on it.

How can I get the 1st item of the data, which the filter returns?

Sample: The datasource has 20 items. When I apply a filter, the filter returns only 5 items. How can I access the 1st of the 5 items and all its properties?

Thanks
Florian
Florian
Top achievements
Rank 1
 answered on 07 Nov 2012
3 answers
87 views

Hi, 

We are specially looking for new charts & features like, Bubble, Doughnut, Splin, Spline Area, etc. charts and features like annotation drill down from each metric trend. What's near future plan to get this features.

Thanks,
Milind

Iliana Dyankova
Telerik team
 answered on 07 Nov 2012
0 answers
34 views
In the example http://demos.kendoui.com/mobile/forms/index.html (and beta) when I position the fields of type date, I will propose a text keyboard.
Mike
Top achievements
Rank 1
 asked on 07 Nov 2012
5 answers
497 views
Hello guys!
Basically, what I want is just to bind json formatted First and Last names to grid.
Hers is my datasource : http://10.50.0.106/DLC/api/grid?format=json
result ====>
http://10.50.0.106/DLC/api/grid?format=json
{"Result":{"FirstName":"coder","LastName":"coder"}}

Here is how I'm trying to bind it to grid:

 $("#grid").kendoGrid({
                                dataSource: {
                                    type: "jsonp",
                                    transport: {
                                        read: {
                                            url: "http://10.50.0.106/DLC/api/grid?format=json",
                                            dataType: "jsonp"

                                        }
                                    },
                                    pageSize: 1
                                },
                                schema: {
                                    model: {
                                        fields: {
                                            FirstName: { type: "string" },
                                            LastName: { type: "string" }
                                        }
                                    }
                                },
                                columns: [{
                                    field: "FirstName",
                                    width: 90,
                                    title: "First Name"
                                }, {
                                    field: "LastName",
                                    width: 90,
                                    title: "Last Name"
                                }]
                            });

As result I see blank grid with headers.
I receive no errors, warnings or exceptions. Can someone tell me what am I missing or doing wrong?
This actually drives me crazy =)

Muhammad
Top achievements
Rank 1
 answered on 07 Nov 2012
0 answers
480 views

I am trying to upload file to my application in download folder. But it doesn't show complete.
It show me to retry in Image but show alert message for error and also for complete. How Could i do that . I given my code below.  

<div style="width:45%">
    @(Html.Kendo().Upload()
        .Name("files")
        .Async(a => a
            .Save("Save", "Upload")
            .Remove("Remove", "Upload")
                    .SaveUrl("~/download/")
            .AutoUpload(true)
        )
        .Events(events => events
            .Cancel("onCancel")
            .Complete("onComplete")
            .Error("onError")
            .Progress("onProgress")
            .Remove("onRemove")
            .Select("onSelect")
            .Success("onSuccess")
            .Upload("onUpload")
        )
    )
</div>
<script>
    function onSelect(e) {
        alert("Select :: " + getFileInfo(e));
    }

    function onUpload(e) {
        alert("Upload :: " + getFileInfo(e));
    }

    function onSuccess(e) {
        alert("Success (" + e.operation + ") :: " + getFileInfo(e));
    }

    function onError(e) {
        alert("Error (" + e.operation + ") :: " + getFileInfo(e));
    }

    function onComplete(e) {
        alert("Complete");
    }

    function onCancel(e) {
        alert("Cancel :: " + getFileInfo(e));
    }

    function onRemove(e) {
        alert("Remove :: " + getFileInfo(e));
    }

    function onProgress(e) {
        $("#details").val("Upload progress :: " + e.percentComplete + "% :: " + getFileInfo(e));
    }

    function getFileInfo(e) {
        return $.map(e.files, function (file) {
            var info = file.name;

            // File size is not available in all browsers
            if (file.size > 0) {
                info += " (" + Math.ceil(file.size / 1024) + " KB)";
            }
            return info;
        }).join(", ");
    }
</script>
Pinaki
Top achievements
Rank 1
 asked on 07 Nov 2012
2 answers
435 views
Hi,

     I have a requirement that to export the kendo chart to excel. This is possible only when converting the chart to any image format.
     My problem is how to convert the kendo chart to image format because of kendo charts are client side.
     Please help me how to solve this problem.
       
Jineesh
Top achievements
Rank 2
 answered on 07 Nov 2012
2 answers
302 views

Is there a way to control whether or not the detail indicator shows?

I have a data set that may or may not have detail data and I want the indicator to reflect that.  

Basically in my data I get a value back that tells me if there are detail records and if there are none, I don't want it to show.

What is the best way to do this?
kevin zhu
Top achievements
Rank 1
 answered on 07 Nov 2012
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
Bronze
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
Bronze
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?