Hi.
Are you planning to release a set of interfaces for working with Kendo UI with TypeScript?
If you are planning, then when?

Hello,

It looks like Knockout-Kendo.js does not update the bound property if the property is not an observable.
Using standard knockout binding supports that feature.

Example here: http://jsfiddle.net/g7dPw/12/

Change the value in TextBox and in DatePicker, then press "print".
Note that current value from TextBox is printed, but the date printed is the old one, not updated.

Is this considered a bug or is it by design?

Hi
I am using kendoui with durandal framework. Integration has been done by the method described over here

http://durandaljs.com/documentation/KendoUI/

Everything seems to work find...apart from template binding. I am trying to bind template using following mechanism
This just doesnt work and any HTML after this code doesnt bind at all. It seems that some error occurs and the processing after this stops.
<tbody data-kendo-template="row-template" data-kendo-bind="source: gridSource"></tbody>
    <script id="row-template" type="text/x-kendo-template">
    <tr>
        <td>
            test
        </td>
        <td>
           test
        </td>
        <td>test</td>
        <td><button>Delete</button></td>
    </tr>
</script>

Quick guidance will be appreciated.

Hello ,
i tried the example  with the tichets,where it uses jquery templates,also knockoutjs
and when i render it doesn't recognize the template sintax.is a problem with jquery template release?or my mistake?

Regards,
Daniel


here is my view code(the controller is only returning the view)

 <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<script src="http://demos.kendoui.com/content/shared/js/examples.js"></script>
<script src="../../Scripts/jquery.tmpl.js" type="text/javascript"></script>
<div id="example" class="k-content">
<div id="options" class="k-widget k-header">
<label for="ticket">Ticket class:</label>
<select id="ticket" style="vertical-align: middle" data-bind="options: tickets,
optionsCaption: 'Choose...',
optionsText: 'name',
value: chosenTicket"></select>

<label for="departure">Departure:</label>
<input id="departure" data-bind="value: departure" />

<label for="seat">Seat:</label>
<input id="seat" data-bind="value: quantity" />
</div>
<div id="boardingpass" data-bind="template: 'ticketTemplate'"></div>
<script id="ticketTemplate" type="text/x-jquery-tmpl">
{{if chosenTicket}}
<span class="class-ticket"><b>${ chosenTicket().name }</b> ($${ chosenTicket().price }) </span>
<span class="class-card"><b>${ chosenTicket().name }</b></span>
<span class="date">${ kendo.toString(kendo.parseDate(departure()), "MM/dd/yyyy") } </span>
<span class="seat-ticket">${ quantity() } </span>
<span class="seat-card">${ quantity() } </span>
<button class="clear-button" data-bind="click: resetTicket">Clear</button>
{{else}}

{{/if}}
</script>
<script>
$(document).ready(function () {
var viewModel = {
tickets: [
{ name: "Economy", price: 199.95 },
{ name: "Business", price: 449.22 },
{ name: "First Class", price: 1199.99 }
],
chosenTicket: ko.observable(),
resetTicket: function () { this.chosenTicket(null) },
departure: ko.observable(new Date()),
quantity: ko.observable(1)
};

ko.applyBindings(viewModel);

$("#ticket").kendoDropDownList().trigger("change");
$("#ticket").bind("change", function () {
$(this).data("kendoDropDownList").select(this.selectedIndex);
});

$("#seat").kendoNumericTextBox({
min: 1,
max: 60,
format: "n0",
decimals: 0
});

var departure = $("#departure").kendoDatePicker().data("kendoDatePicker");

departure.value(kendo.parseDate(departure.element.val()));
});
</script>
<style scoped>
#options {
width: 660px;
margin: 20px auto;
padding: 10px;
background-image: none;
border: 1px solid inherit;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(0,0,0,0.07);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(0,0,0,0.07);
box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(0,0,0,0.07);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#options label {
padding-left: 5px;
}
#boardingpass {
width: 575px;
min-height: 270px;
margin: 20px auto;
position: relative;
background: url('http://demos.kendoui.com/content/web/integration/boardingPass.png') transparent no-repeat 0 0;
}

.class-ticket {
position: absolute;
margin: 26px 0 0 45px;
}

.class-card {
position: absolute;
margin: 58px 0 0 430px;
}

.date {
position: absolute;
margin: 58px 0 0 45px;
}

.seat-ticket {
position: absolute;
margin: 58px 0 0 270px;
}

.seat-card {
position: absolute;
margin: 58px 0 0 530px;
}

.clear-button {
position: absolute;
margin: 240px 0 0 0;
}
</style>
</div>

Hello,

I see threads about specific technologies here, thank you, but I am wondering if there is also any higher level information available from the Kendo team, about the choices and plusses and minuses on topics like:

• JS library integration choices (Ember vs Backbone vs etc...)
• Publish / Subscribe library integration (YUI vs AmplifyJS vs etc...)
• HTML5 Web Storage

Thank you,

Jon

Hi,

I really like twitter boostrap and kendo UI, the combination is so powerful. I wonder if there is any kendo UI theme that fits to the twitter bootstrap design.

The silver theme is nice, but not perfect and destroys a little bit the design of the application.

Hello,

I am wondering where the Github backbone.js integration example went. The original link as posted in other forums (https://github.com/telerik/kendo-backbone) does not work. Is there another backbone example you could point me to for reference?

Thanks!

When using both Kendo UI Web and Twitter Bootstrap there are some issues regarding CSS styling.

For example, create a grid with a pager. Then look at the numbers in the pager. The number of the selected page is some pixels below the other numbers. This results from Bootstrap having a line-height of 20px for the li element. The same Kendo rule with 24 px has lower priority and is ignored.

It doesn't matter whether I use the Bootstrap theme within Kendo, or take any other theme.

Should Kendo's Bootstrap theme correct such measuring details?

Michael G. Schneider

Hi,

According a quick research on Google / Stack Overflow, Backbone.js is the most popular MVC JavaScript framework. Since Backbone.js has no UI elements and also uses jQuery, I think it would be the perfect match for Kendo UI. My questions:

1. What do you think about Backbone.js + Kendo UI, is this a good combination or not?
2. Will you provide integration examples for Backbone.js?
3. Are there other such frameworks you can recommend for Kendo UI (for example: JavaScriptMVC)?

Unless you're a really fastidious coder, some sort of library to help structure large-scale JavaScript applications is important (see http://news.ycombinator.com/item?id=2119704 ). Since Kendo UI seems to be "only" an UI framework (please correct if wrong), it would be really great if you could write/blog more about this topic (how to integrate/combine Kendo UI with other non-UI JavaScript frameworks) in the future.
Thanks
mike

Hi,

I have added jquery ui sortable in one of the data elements in my kendo panel and after that all my other widgets embedded inside other 
bars of the panel have stopped working. 
http://98.130.153.40/botCreater.html 

the jquery is added inside publish section. The sortable works, but then all kendo widgets have stopped.

Can you let me know a work around please