Questions on Kendo UI for jQuery Forum

4 answers

147 views

Hi,

When I am using the KendoUI grid with grouping and collapse all groups the column width is not maintained in IE. See the screenshot I did on the KendoUI demo's. When I do the same in either Chrome or FireFox the column widths are preserved as I would expect.

Is there a way that I can configure the grid so that IE also has the same behavior as Chrome and FireFox here?

BTW It seems that the Telerik RadControls do have the desired behavior across browsers.

Grid

answered on 13 Jan 2014

1 answer

151 views

HELP Odata bind to Scheduler

Hi,

Pulling my hair out. Examples are great when they work for you!!! The example works but I can't convert to
using odata.

What I am trying to do is bind a scheduler to odata exactly as you do in the general usage sample with http://demos.kendoui.com/... example.

My odata service, modelled on your crud examples for grid delivers

{
"odata.metadata":"http://grid.footstepscloud.com/odata/$metadata#Sessions","value":[
{
"id":-17137,"description":"St Luke's School","title":"-503982","start":"2015-10-22T14:15:00","end":"2015-10-22T15:15:00"
},{
"id":-17136,"description":"Middleton Grange Public School","title":"-504308","start":"2014-06-20T12:30:00","end":"2014-06-20T14:30:00"
},{
"id":-17135,"description":"Middleton Grange Public School","title":"-504308","start":"2014-06-13T12:30:00","end":"2014-06-13T14:30:00"
},{
"id":-17134,"description":"Middleton Grange Public School","title":"-504308","start":"2014-06-06T12:30:00","end":"2014-06-06T14:30:00"
},{
"id":-17133,"description":"Middleton Grange Public School","title":"-504308","start":"2014-05-30T12:30:00","end":"2014-05-30T14:30:00"
}
]
}

Can you provide a sample that would bind this to the kendo scheduler per the usage general example. Perhaps I can go from there.

Scheduler

answered on 13 Jan 2014

1 answer

166 views

Removing kendo.observable() events

Can event handlers be removed from kendo.observables()? If so, how?

General Discussions

answered on 13 Jan 2014

6 answers

259 views

[Solved] How to display real-time push messages on Kendo UI mobile ListView?

I'm able to display real time push messages from [RabbitMQ SockJS Server] on a browser using JQuery append whenever a new message arrives. However, I'm not able to figure out how to display the messages on Kendo UI mobile ListView (Kendo version 2013.3.1119) in descending order - newer messages at the top. This should be done without the user intervening to refresh the ListView.

I've created a test and posted on JSBin - [link]

Notes on JSBin example:

1). Stomp.js ([STOMP over websocket] and sockjs.js ([SockJS Javascript client]) is used to create the websocket client that captures messages from RabbitMQ SockJS Server.

For the JSBin example, I've appended my Javascript code that works with STOMP (listener-app.js - see - [http://pastebin.com/6qLxH8R6]) into the SockJS Javascript client (sockjs.js) as I'm not able to get the JSBin to work with listener-app.js in a separate file. The combined script is now stomp-listener-app.js. A note that I didn't have this problem when testing locally.

2). There are 2 nav buttons, "Real-time ListView" and "Debug Log". Debug Log captures stomp.js debug messages which will be displayed on "Debug Log" view using JQuery append. Real-time ListView view is suppose to display the STOMP messages in a listview - for which I'm unable to do so.

3). Although the JSBin example doesn't link to a live SockJS server, the STOMP library will still generate some error messages which can be captured by Kendo UI.

I'm a beginner in JS and Kendo UI. Please let me know if I had missed out anything. Any pointer will be very much appreciated. Thank you.

ListView (Mobile)

answered on 13 Jan 2014

3 answers

143 views

Android shows everything very small

Hi

I developed a phonegap 3 app with kendo ui mobile. Works like a charm, already in the appstore.
Now I tested it on a android phone. It still works, but everything is very small, like half of the size compared to ios.
Am I missing some parameter or meta tag for scaling or anything else?

Thank you!

General Discussions

answered on 13 Jan 2014

1 answer

661 views

Dynamically change business hours?

Is it possible to update business hours without destroying and reinitializing widget?

Scheduler

answered on 13 Jan 2014

1 answer

343 views

Dynamically select tab after creation

I use this HTML:

<div id='test'>

<ul>

<li>Tab1</li>

<li>Tab2</li>

<li>Tab3</li>

</ul>

<div>

Content 1

</div>

<div>

Content 2

</div>

<div>

Content 3

</div>

Then convert it to TabStrip:

$('test').kendoTabStrip({

animation: {

open: {

effects: effet

}

});

var tabs = $elem.data("kendoTabStrip"); //Get Kendo element

tabs .select("li:contains('Tab1')");

The tab is selected, but containt not visible. If I trig the same code with a button click, all is working good.
If I use the class="k-state-active" in the HTML the tab is selected and the containt is visible.
Thanks

TabStrip

answered on 13 Jan 2014

3 answers

141 views

TabStrip fall out parent <div> when using k-block

Hi,
When I put the Tabstrip into a <Div> with a class set to k-block, the tabstrip fall out is container. (see attached picture)

<section class="k-block">

<div data-acteur="TAB" data-acteurparam="defaut=Onglet1;effet=fadeIn">

<ul>

<li class="k-state-active">Tab1</li>

<li>Tab2</li>

<li>Tab3</li>

</ul>

<div>

<div data-acteur="STATUT" data-acteurparam="prop=Statut;titre=Work Cell State">

<img data-val="0" alt="Running" src="stateG.png" />

<img data-val="1" alt="Assist" src="stateY.png" />

<img data-val="2" alt="Down" src="stateR.png" />

<img data-val="3" alt="Engineering" src="stateB.png" />

</div>

<div data-acteur="STATUT" data-acteurparam="prop=Statut2;titre=Work Cell State">

<img data-val="0" alt="Running" src="stateG.png" />

<img data-val="1" alt="Assist" src="stateY.png" />

<img data-val="2" alt="Down" src="stateR.png" />

<img data-val="3" alt="Engineering" src="stateB.png" />

</div>

<div>

Hello2

</div>

<div>

Hello3

</div>

</section>

And the I just do a simple:

$elem.kendoTabStrip({

});

Any suggestion?

TabStrip

answered on 13 Jan 2014

5 answers

459 views

[Solved] Filter column by hour or DateTime

Hello,

I wonder whether it's possible to filter the grid with DateTime value?

If I use DateTime I can only make the search by Date. (example below)

columns.Bound(p => p.someDateTime).Title("").Width(170).Format("{0:dd-MM-yyyy H:mm:ss}").HtmlAttributes(new { style = "text-align:center" });

The other solution would be to make two columns with Date and Time separately but then I can't filter by anything in Time. I only get blank fields. (example below)

columns.Bound(p => p.someTimeSpan).Title("").Width(170).HtmlAttributes(new { style = "text-align:center" }).ClientTemplate("<#= Hours #> : <#= Minutes #>"); ;

Grid

answered on 13 Jan 2014

1 answer

180 views

The rows in a listView are not updating using Kendo MVVM

Hi - I just posted a question regarding this on stackoverflow:

http://stackoverflow.com/questions/14092516/the-rows-in-a-listview-are-not-updating-using-kendo-mvvm

Basically I have problems with updating my observable source and seeing the changes reflected in a listView.

I can add items to my javascript array which are directly shown in the listView (table with kendo-templates) but when I change properties of a single item in the array it does NOT get updated in this list.

I tried creating observable objects of each item I put in the array but it still does not work. (full code and details on stackoverflow..)

How do I get this to work?

Thanks

MVVM

answered on 11 Jan 2014