Telerik Forums
Kendo UI for jQuery Forum
1 answer
85 views
Hi,

I want to make a passord/confirmation custom validation, how can I access the viewModel?

Is this possible? How?


Thanks!
Rosen
Telerik team
 answered on 12 Mar 2012
3 answers
91 views
Hi there

We are interested with this KendoUI especially integrating with .NET app. Is there any sample for this?

Thanks
Atanas Korchev
Telerik team
 answered on 12 Mar 2012
1 answer
287 views
how can I reduce the height between the title and the pie chart, if I use <div id="chart" style="width">... it does reduce the size of the chart which is good but the height be height between the title and the pie chart still remains the same.
Iliana Dyankova
Telerik team
 answered on 12 Mar 2012
1 answer
158 views
Hello.  I'm looking for performance optimizations in my web application which uses kendoUI.  Which of these approaches would you expect to be faster?

Approach 1:
Build a large DOM tree full of <ul> and <.li> elements, representing a kendo treeview.  When all DOM elements are constructed, call .kendoTreeView(); so that each set of DOM elements is converted to a treeview.

Approach 2:
Build a large JSON structure representing kendo treeview data.  Initialize the kendotreeview in the page by calling .kendoTreeView() and then insert the data into the tree by calling the append function

Or is there another even better way than either of these approaches?
Alex Gyoshev
Telerik team
 answered on 12 Mar 2012
4 answers
532 views
I've copied and pasted the onSeriesClick function and it doesn't seem to be working for some reason,

<script type="text/javascript">
            function createChart() {
                $("#chart").kendoChart({
                    theme: $(document).data("kendoSkin") || "default",
                    title: {
                        text: "Project Management"
                    },
                    legend: {
                        position: "bottom"
                    },
                    seriesDefaults: {
                        labels: {
                            template: "#= kendo.format('{0:P}', percentage)#",
                            visible: true
                        }
                    },
                    series: [{
                        type: "pie",
                        data: [{
                            category: "Quality",
                            value: 80
                        }, {
                            category: "Time",
                            value: 80
                        }, {
                            category: "Cost",
                            value: 80
                        }]
                    }],
                    tooltip: {
                        visible: true,
                        template: "#= kendo.format('{0:P}', percentage)#"
                    }
                });
            }


            $(document).ready(function () {
                setTimeout(function () {
                    // Initialize the chart with a delay to make sure
                    // the initial animation is visible
                    createChart();


                    $("#example").bind("kendo:skinChange", function (e) {
                        createChart();
                    });
                }, 400);


                $(".configuration").bind("change", refresh);
            });


            function refresh() {
                var chart = $("#chart").data("kendoChart"),
                        pieSeries = chart.options.series[0],
                        labels = $("#labels").prop("checked"),
                        alignInputs = $("input[name='alignType']"),
                        alignLabels = alignInputs.filter(":checked").val();


                chart.options.transitions = false;
                pieSeries.labels.visible = labels;
                pieSeries.labels.align = alignLabels;


                alignInputs.attr("disabled", !labels);


                chart.refresh();
            }
           
            function onSeriesClick(e) {
                alert("Clicked value: " + e.value);
            }
        </script>
Iliana Dyankova
Telerik team
 answered on 12 Mar 2012
2 answers
97 views
Hello!
The red focus of edited cell cannot disappear after saving successfully.
Does anyone have the same problem?
Leo
Top achievements
Rank 1
 answered on 12 Mar 2012
4 answers
95 views
Hi,

ComboBox seems to not work well in Q1'12 beta version.

Consider the following trivial code:

$("#aCombobox").kendoComboBox([
 {text: "Item1", value: "1"},
 {text: "Item2", value: "2"}
]);

The result in combobox is always : [object Object] instead ItemN.

Best regards
Yvan
Yvan
Top achievements
Rank 1
 answered on 11 Mar 2012
8 answers
360 views

I'm using a column template to display my StatusTypes array.  It works fine, but when I use the "create" toolbar to add a row, the column template isn't displayed.  Once I hit "save", then it shows, but I would like it to appear right when the user clicks "create".

$("#gridEmailAddress").kendoGrid({
    dataSource: mydatasource,
    scrollable: true,
    sortable: true,
    pageable: true,
    editable: true,
    resizeable: true,
    toolbar: ["create", "save", "cancel"],
    columns: [
            { field: "Address", width: 190, title: "Email Address" },
            { field: "Name", width: 190, title: "Name" },
            { field: "StatusTypes", template: columnTemplate, title: "Status Types:" },
            { command: "destroy", title: " ", width: 120 }
            ]
});

 

Elan
Top achievements
Rank 1
 answered on 10 Mar 2012
2 answers
180 views
Hi there, I am new to kendoui, but I really like the way kendoui can show native feels on android, blackberry and ios devices.

I am trying to follow the sushi demo apps. But looking at the code, I notice that the checkout button doesn't do any actual server call. Unlike the menu who actually use a read transport. So, I am trying to do my practice by continuing upon the sushi demo. I have setup my rails server to response to /menus and give back array of menu json object. And I also create a separate url for order /orders. My Idea is to use order as a wrapper of menus so generally order json object will look like so:
{ id: "1", date: "today", menu: {...../*menu json object here*/} } 

But I am having trouble to make this works. So I created two data source for this:
one for /menus and the other one for /orders

        var ds = kendo.data.DataSource.create({
            schema: schema,
            transport: { read: { url: "menus", dataType: "json" } },
            group: "category",
            error: function() { console.log(arguments); }
        });

        var cartDataSource = kendo.data.DataSource.create({
            //data: [], 
            schema: schema2,
            transport: { create: { url: "orders", type: "POST" },  read: { url: "orders", dataType: "json" }},
            aggregate: [{ field: "menu.price", aggregate: "sum" }]
        });

Any idea on what do I do wrong?

Thank you in advance,
Fajar
Fajar
Top achievements
Rank 1
 answered on 10 Mar 2012
2 answers
262 views
how I can change the language filter and grouping area in the grid? 
Carlos
Top achievements
Rank 1
 answered on 10 Mar 2012
Narrow your results
Selected tags
Tags
+? 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?