Questions on Kendo UI for jQuery Forum

1 answer

98 views

DatePicker / Customizing templates is not working in Firefox 28.0

Hi Kendo team,
Your DatePicker/ Customizing templates sample doesn't show any icon in Firefox 28.0
I've attached a picture to see this issue.
Kind regards.

Oscar.

DatePicker

answered on 29 Apr 2014

1 answer

173 views

DropDownList doesn't respect reset

I've created a demo to show how the Kendo DropDownList does not behave like a standard HTML select when using a Reset button. After clicking reset you can see the standard HTML select changes back to "Select..." and the Kendo one does not. I haven't been able to come up with a workaround yet either. Help is appreciated

http://trykendoui.telerik.com/EVIS

DropDownList

answered on 29 Apr 2014

1 answer

116 views

How to make the background-color of the scheduler's tiltle transparent ?

I have set the color of the title in the scheduler,and do not want the background-color.But it show me the default background-color 'blue'.How to make the background-color transparent ?

Scheduler

answered on 29 Apr 2014

1 answer

121 views

Ajax call while dragging an event

Hi
I was wandering if anyone has a working example of how to make a async ajax call while dragging an scheduler event. I have a horizontal grouping on different locations (resources in the scheduler) and want to update disabled timeslots on every location while using drag and drop. I have tried a few approaches with moveStart, but none of which made any progress.

Scheduler

answered on 29 Apr 2014

4 answers

1.6K+ views

Bind a checkbox in an item template of a ListView to a datasource property

Is it possible to bind a checkbox in an item template of a ListView to a datasource property without using a edit template.

For example:

<script type="text/x-kendo-tmpl" id="template">

<div>

<dl>

<dt>Name</dt> <dd>${Name}</dd>

<dt>Age</dt> <dd>${Age}</dd>

<dt>Checked</dt> <dd><input type="checkbox" data-bind="checked:DataSourceBooleasProperty" /></dd>

</dl>

</div>

</script>

$("#listView").kendoListView({

dataSource: {

data: createRandomData(50)

},

template: kendo.template($("#template").html())

});

ListView

answered on 29 Apr 2014

5 answers

903 views

reload Item content from partial view

Hello!

I'm developing a MVC4 application and having some trouble with the panel bar. Every time an item is expanded, i need that it's contents get reload from a partial view.

When the panel bar is initialized I set its datasource to the result of an AJAX call that returns JSON with the need properties to populate the panelbar dynamically, and it it's working nicely. The content url comes already prepared in this datasource.

Then I hook up to the select (or expand) event of the panel bar so that I call the reload method. The thing happening is that when the reload method is invoked, partial view get's loaded to the request. The images help to understand this.

Some code:

To get datasource and populate the panelbar

$.getJSON('@Url.Action("GetGrupos", "RegistoFCPlano")/?tipoGrupo=2&data=' + $("#datepicker").val() + '&cg1=' + codGrupo)

.done(function (json) {

var panelItems = $.map(json, function (obj) {

return {

text: obj.Codigo,

expand: true,

contentUrl: obj.Conteudo

};

});

$("#panelbar").kendoPanelBar({

dataSource: panelItems,

expandMode: "single",

id: "Codigo",

select: refreshContent

}).data("kendoPanelBar");

})

.fail(function (jqxhr, textStatus, error) {

var err = textStatus + ", " + error;

console.log("Request Failed: " + err);

});

To refresh the contents

var refreshContent = function () {

var panelBar = $("#panelbar");

var item = panelBar.select();

panelBar.reload(item[0]);

};

Am I missing something here??

PanelBar

answered on 29 Apr 2014

1 answer

827 views

Sortable panel with scrollbar doesn't scroll

Hi,
I'm designing a dashboard using Sortable panels using your example as a reference. I have a news widget where I don't have control over the height of the content which comes over rss. Hence I've added a scrollbar.
This works fine, except that when I try to scroll using the slider, it has a drag & drop effect on the whole widget. The arrows at the top & bottom are however working.

You can see the effect by adding the height & overflow properties to the css ~line 237 as

/* BLOGS & NEWS */

#blogs div,

#news div {

padding: 0 20px 20px;

overflow: scroll;

height: 300px;

}

in the example
http://demos.telerik.com/kendo-ui/web/sortable/sortable-panels.html

Is there a way to get the scrollbar to work ?

Regards

Achilles

Sortable

answered on 28 Apr 2014

1 answer

470 views

How to create kendoNumericTextBox in kendo grid cell?

Is there is any way to create widgets in kendo grid cell template? here is the sample code.

columns: [{

field: "Name",

title: "Contact Name",

width: 100

},

{

field: "Cost",

title: "Cost",

template: "<input value='#: Cost #'> </input>",// input must be an numerical up down.

}]

I want to create a numerical up down for cost column.here is the demo

down vote favorite

Is there is any way to create widgets in kendo grid cell template? here is the sample code.

columns: [{
    field: "Name",
    title: "Contact Name",
    width: 100
},
{
    field: "Cost",
    title: "Cost",
    template: "<input value='#: Cost #'> </input>",// input must be an numerical up down.

}]

I want to create a numerical up down for cost column.

here is the demo

Grid

answered on 28 Apr 2014

1 answer

253 views

issue using push on ObservableArray

Hi,

Populating ObservableArray using ajax does not trigger combobox refresh when ObservableArray initialized using empty array. What is the reason for this behavior?

This works (jsfiddle):

var vm = kendo.observable(new function () {

var self = this;

self.data = new kendo.data.ObservableArray([{}]);

self.selection = 0;

setTimeout(function () {

self.data.empty();

self.data.push(

{ id: 0, name: "E1" },

{ id: 1, name: "E2" },

{ id: 2, name: "E3" }

);

}, 30);

});

kendo.bind($("#sample"), vm);

This does not work (jsfiddle):

var vm = kendo.observable(new function () {

var self = this;

self.data = new kendo.data.ObservableArray([]);

self.selection = 0;

setTimeout(function () {

self.data.empty();

self.data.push(

{ id: 0, name: "E1" },

{ id: 1, name: "E2" },

{ id: 2, name: "E3" }

);

}, 30);

});

kendo.bind($("#sample"), vm);

<div id="sample">

<select data-role="combobox"

data-text-field="name"

data-value-field="id"

data-bind="value: selection, source: data">

</select>

</div>

MVVM

answered on 28 Apr 2014

3 answers

197 views

Kendo HTML Helper with VB in Razor/Webforms

I've look everywhere but all the code/examples I can find for Kendo UI MVC helper appear to be in C#.

Can someone point me at the VB samples or confirm Kendo only works with C#.

General Discussions

answered on 28 Apr 2014