Questions on Kendo UI for jQuery Forum

1 answer

95 views

layout problem with grid, am i missing something simple

See this page:

http://162.243.119.49/FAQ/test1.php

Notice how the pagination section at the bottom the layout is all over the place. Im not using any other css files and it seems to be finding the css files fine. Is there something small im missing that would explain the messed up layout. Also if you compare it to the examples on the demo my rows also seem to be much bigger too.

Any help appreciated

Grid

answered on 10 Mar 2014

3 answers

158 views

Interaction between Crosshair and plotAreaClick event

Hello,

I would like to create a line chart with a visible crosshair and an event handler for plotAreaClick. The event handler is needed to process the data point category (event data: e.category). The event is not fired if the mouse pointer touches the crosshair.

Is there a similar event for clicking the crosshair which provides the category – or any other solution for this problem?

Charts

answered on 10 Mar 2014

3 answers

218 views

Selecting a grid row using API isn't working

Hi,
I have a simple grid and I'm using the script shown in the documentation.

var grid = $("#grid").data("kendoGrid");

grid.select("tr:eq(1), tr:eq(2)");

In my code, I have this in my grid's options:

dataBound: function (e){

console.log(e.sender);

if (e.sender.dataSource && e.sender.dataSource.data().length>4){

this.select("tr:eq(1)");

}

It gives me an error:

TypeError: Object [object Object] has no method 'selected'

What am I missing?
Thanks

Grid

answered on 10 Mar 2014

4 answers

352 views

[Solved] Persisting Grid user customizations

Using MVC I have a Grid which support column ordering, filtering etc.

Once a user has customized their grid to the way they like it, is there a way to save those customization into perhaps a cookie so that when the form comes up again, they are kept?

Grid

answered on 10 Mar 2014

1 answer

172 views

[Solved] Panelbar of expandMode single allows for programmatic multiple expansion?

I use my panel bar like this:

var div = $('#test-accordion');

div.kendoPanelBar(

{

expandMode: "single"

});

When I open the first item programmatically like this:

var use_animation = false;

var li = div.find('li.k-item:first');

div.data('kendoPanelBar').expand(li, use_animation).select(li);

I find that the panel bar has multiple items expanded, so panelbar does not respect the expandMode.

A bug?

When I try to close all items like this:

div.data('kendoPanelBar').collapse("*", use_animation);

nothing happens.

PanelBar

answered on 10 Mar 2014

1 answer

366 views

Kendo UI Scheduler: Room Booking system

Hi

I want to make a room booking system with ASP.NET using the Kendo UI Scheduler (I was told this is completely free and open source to use. Is it?)

Users will have to be able to make reservations to rooms in their company for meetings/workshops/... Eventually it has to look like this: http://i.imgur.com/ZjrPEg0.jpg

Is it possible using the Kendo UI scheduler and transform this into my scheduler, using different rooms for making bookings by date and hour?
If so can anybody give me a good start on how to accomplish this?

Thanks in advance!

Scheduler

answered on 10 Mar 2014

1 answer

325 views

Reset ComboBox with autoBind=false

I have the requirement that ComboBoxes need to load their data lazily, which i did by setting the datasource to server-bound data and configure the combobox to autoBind=false. So the combobox fetches the data only when opened for the first time. However, the initially selected value is known in advance, so i create the DOM element for the combobox accordingly (meaning the <select> already has an <option> for the initially selected item).

But: In some cases, i need to "revert" a combobox that has already fetched the data to the state before fetching, i.e. when i open the combobox after "reverting" it, it should behave like it was never opened before, which means it (re)fetches the data.

See this jsbin for details: http://jsbin.com/wetarafo/1/edit

Is there any way to do this?

ComboBox

answered on 10 Mar 2014

1 answer

176 views

Navigate with history.replaceState()

When Kendo detects support for history.pushState(), it uses it to store history on each navigate(). I want to exclude some of these navigate() calls from this login because I don't want user to be able to back into this particular view. This can be achieved with history.replaceState(), does Kendo provide a way to do replaceState() instead on pushState()?

Application

answered on 10 Mar 2014

2 answers

65 views

Possible bug in dependent method login

If I follow http://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/observableobject#creating-a-dependent-method and create a dependent method on my observable object, I can not use other dependent methods within its logic. This forces me to duplicate logic.

Example:

var data = kendo.observable({

listing: {

price: 12300

},

formatted: {

total_due: function() {

// this works

return kendo.toString((this.parent().get("listing.price")* this.parent().get("quantity"))/100, "c");

// this crashes with an error

return kendo.toString(this.parent().get("total_due")/100, "c");

}

},

quantity: 1,

total_due: function() {

return this.get("listing.price")* this.get("quantity")

}

})

MVVM

answered on 09 Mar 2014

2 answers

358 views

Grid : DateTime Format and Grouping doesn't work

Hi,

I have a field in my grid containing a DateTime. I'm displaying only the yyyy/mm/dd, but the value behind is also containing the time.

With the Format I have no problem to display the date correctly, but when i'm grouping on this column, the grouping is using the data (With the time) and not the displayed value (yyyy/mm/dd)

So my question is : Can I set the grouping to use the DisplayedValue and not the "real" data?

Here is how I format my column :
.Bound(p => p.CreationDate).Format("{0:" + CultureInfo.CurrentCulture.DateTimeFormat.ShortDatePattern + "}");

Thanks

Grid

answered on 07 Mar 2014