Questions on Kendo UI for jQuery Forum

1 answer

126 views

Script#

Are there any plans to add support for Script# with kendo UI?

General Discussions

answered on 06 Dec 2011

1 answer

187 views

[Solved] Inline edit of node description

I cannot seem to find an out of box functionality for changing the description (node text) of a node on the fly. Does it exist and if not will it be there in the future?

TreeView

answered on 06 Dec 2011

0 answers

321 views

Knockout Custom Binding for ComboBox Example

Kendo UI Enthusiast,

I created a Kendo UI Knockout Custom binding that utilize the Kendo ComboBox: Custom Kendo ComboBox Binding (jsFiddle)

As you can see it works well, binds the datasource to the kendo combobox, respects the observable array changes, ignores invalid changes, and sets the observable selected item back and forth.

I basically took my jquery autocomplete version and changed it to work with ComboBox. Here is the dropdown knockout custom binding version.

Here is the Date Picker Custom Knockout Binding, this allows you to bind to a Date object in your viewModel without having to worry about converting to and from a string and respects the observable property from the ViewModel.

Hopefully we can convince Telerik Devs to create a custom knockout binding version for all the Kendo UI Controls. This would make using kendo ui controls with knockout trivial and extremely simple.

ComboBox

asked on 05 Dec 2011

2 answers

214 views

touch counterpart to mouse hover (touchhold)

Could the Kendo UI implement the touchhold touch metaphor? When the user's finger touches and lingers on a screen element for a set length of time, e.g. 500ms, the action raises a touchhold event?

See the discussion here: http://forum.jquery.com/topic/touch-actions

Quoting from it:

"Look at what happens on the iPad's virtual keyboard when you hold your finger down (i.e. allow it to linger) for about ~500ms on one of the vowel keys, e.g. [a] on the US keyboard: you get a tooltip-like interactive menu from which you can select a variant form of the letter -a- (umlauted -a-, accented -a-, etc). If you lift your finger from the [a] key that little interactive tooltip disappears; you have to slide onto it to use it.
...
With this finger-linger behavior you can have both linger (hover) and tap events attached to the same element, e.g.an image-map AREA. You could display a tooltip when the user lingers on the element and execute other behavior when the user actually taps on it. ... You could also use this behavior to create context-menus."

Regards
Tim Romano
Swarthmore PA

General Discussions

answered on 05 Dec 2011

0 answers

120 views

datasource problem

data    [ { ProductTypeId="1558", name="Apparel"}, Object { ProductTypeId="1554", name="Bottlecap Clips"}, Object { ProductTypeId="1550", name="Bows"}, etc...]

This is how my json is coming back. How should I format the datasource? I can't figure out to write the schema. Do I need a schema?

$("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "data.cfm"
                            },
                            schema: {
                                data: {
                                        producyTypeId: { type: "number" },
                                        siteId: { type: "number" }
                                }
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 250,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                        columns: [{
                                title:"ID",
                                field:"producyTypeId",
                                filterable: false
                            },
                            "name"
                        ]
                    });

Grid

asked on 05 Dec 2011

4 answers

185 views

Method toFront () alone?

If you open multiple windows. It is clear that the z-index goes from step 1. If I want to rearrange the window as fronted, I use toFront (). A window focus event get there?

If my English is very poorly understood, may help to code:).

el.kendoWindow({

click: function(){

alert('go'); // Please do something like this ...

},

width: "500px",

height: "300px",

dragend: function(){

this.toFront(); // So bad, right?

},

actions: ["Refresh", "Minimize", "Maximize", "Close"],

title: "Modal Window",

}).data("kendoWindow").center().open();

Window

answered on 05 Dec 2011

2 answers

343 views

[Solved] How to render "&" in Grid column

In my data source, one of the columns is a string data type and contains the "&" in the text. When the grid renders, it's translating those "&"s to &

How can I prevent this from happening? I'm binding to a local data source and I have a schema defined:

dataSource: {

data:

[

@foreach (var report in Model.Reports)

{

<text

>{Id: "@report.Id", ReportId: "@report.ReportId", ReportSample: "@report.ReportSample", ReportLegend: "@report.ReportLegend", ReportFaq: "@report.ReportFaq", ReportName: "@report.ReportName"}, </

text>

}

],

schema: {

model: {

fields: {

Id: { type: "number" },

ReportId: { type: "string" },

ReportSample: { type: "string" },

ReportLegend: { type: "string" },

ReportFaq: { type: "string" },

ReportName: { type: "string" }

}

Is there possibly a way in the column definition to tell it to render those "&"s as actual "&"s?

Thanks

Grid

answered on 05 Dec 2011

1 answer

138 views

Back button issue

When in the calendar on January 2012. If you click on the back button it goes to November 2011 and not december!

Calendar

answered on 05 Dec 2011

2 answers

104 views

Popup will not close in IE

Hello,
When I select value from dropdown div, it will not close in IE9 but closes in FF and Chrome. Anything I have missed?

This is what I have on page, just pasted it from your samples page:

<script src="Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/kendo.core.js" type="text/javascript"></script>
    <script src="Scripts/kendo.list.js" type="text/javascript"></script>
    <script src="Scripts/kendo.popup.js" type="text/javascript"></script>
    <script src="Scripts/kendo.data.js" type="text/javascript"></script>
    <script src="Scripts/kendo.data.odata.js" type="text/javascript"></script>
    <script src="Scripts/kendo.dropdownlist.js" type="text/javascript"></script>
    <script src="Scripts/kendo.fx.js" type="text/javascript"></script>
    <link href="Styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="Styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
        $(document).ready(function() {
            var data = [
                { text: "Black", value: "1" },
                { text: "Orange", value: "2" },
                { text: "Grey", value: "3" }
            ];
 
            // create DropDownList from input HTML element
            $("#color").kendoDropDownList({
                    dataSource: data,
                    index: 0,
                    change: onChange
                });
            });
        
        function onChange() {
            
        }
    </script>