Questions on Kendo UI for jQuery Forum

1 answer

168 views

Uncaught TypeError: Object #<Object> has no method 'get'

I'm binding a select like this in a listview template.

<select class="status" class="select" data-value-field="StatusName" data-text-field="Description" data-bind="events: {change: statusChangeEvent}, source: options, value: status" />

everything works fine, the selection options are bound, except when I change the selection I get an error that the object has no method 'get'.

what am I doing wrong?

thanks.

Jon

MVVM

answered on 26 Aug 2013

2 answers

274 views

Inline Editor not accepting input

Hi,
I have been trying to use the new inline editing capability, but the editor will not take any keyboard our mouse input. I can see the content if I manually edit the HTML or set it in js using .value(), but I cannot type or select the content with the mouse. The HTML in the inspector looks just like the demo after calling .kendoEditor() on the JQuery object:

<div contenteditable id="editor" class="k-widget k-editor k-editor-inline k-state-active" data-role="editor">Test text</div>

It seems as though something is stealing the mouse/keyboard input, but I have disabled all other event handlers and it still does not work. Any help you can provide is greatly appreciated.

UPDATE: It appears that the keydown and keyup events on the editor are indeed firing.

Regards,
Sam

Editor

answered on 26 Aug 2013

2 answers

270 views

Default time and interval is awkward

We have been noticing that the DateTime widget, by default, selects the current date and time. And obviously, the time intervals are based on this default time. But this leads to some awkward behavior. Say the time is currently 1:18pm. The intervals the user can pick from are 1:18pm, 2:18pm, and so on. It's quite strange to think of the user choosing to schedule their appointment at 2:18pm.

It would be much nicer if the intervals could be at every 00, every 15, every 30, etc. Something like that. Is that possible? I'm assuming there's no way to do this with built-in behavior, but is there another way? Thanks.

DatePicker

answered on 26 Aug 2013

2 answers

96 views

Seeing if a column is filtered when ColumnMenu is enabled

Hi,

We have noticed that when we have the column menu enabled, there is no longer a marker on the column header to show which columns are filtered. Is this due to be fixed, or is there a workaround?

Thanks
Dan

Grid

answered on 26 Aug 2013

1 answer

149 views

Problem with switching views

Hi all,

I have a question about switching views. It doesn't work the way I'd expect and I'm not sure if I'm structuring my project correctly.

My assumption is that I can switch views by using the controller the way you would usually do in ASP.Net MVC. Here's my code and the URL for the start view:

URL:
http://localhost:2121/Home/MobileHomePage

Code snippet for the button:

@Html.Kendo().MobileButton().Text("Go to new view").Url("ExpenseClaimListMobile", "ExpenseClaim")

When I click the button I'd expect the URL to be:
http://localhost:2121/ExpenseClaim/ExpenseClaimListMobile

Instead it is:
http://localhost:2121/Home/MobileHomePage#/ExpenseClaim/ExpenseClaimListMobile

Is this correct? It seems to work, but when I then navigate back to the home page the URL is:
http://localhost:2121/Home/MobileHomePage#/Home/MobileHomePage
Once we get to this URL the page has problems like the buttons not working, and my assumption is that this is because the application is being created twice (calling "var app = new kendo.mobile.Application();" twice because it's in the _Layout code).

What am I doing wrong?

Thanks in advance!

General Discussions

answered on 26 Aug 2013

1 answer

264 views

Kendo Grid with jquery context-menu plugin

have a kendo mvc grid with one of the column as client template images. Whenever images are clicked I would like to open jquery context menu which has links to other pages. Now, I have implemented my code this way.

@(Html.Kendo().Grid<FlightListViewModel>()

.Name("Flights")

.Events(builder => builder.DataBound("gridDataBound"))

.DataSource(dataSource => dataSource

.ServerOperation(false)

.Read(read => read.Action("Index", "Flights"))

.PageSize(50)

)

.HtmlAttributes(new { style = "height:220px;" })

.Columns(col =>

{

col.Bound(customer=> customer.Name).Width(280);

col.Template(t => t.ClassName).ClientTemplate("<img class='activate-menu' src='/Content/Images/flipo.jpg' style='cursor: pointer;' />").Title("").Width(40);

}).Sortable()

.Scrollable()

.Pageable(pageable => pageable.ButtonCount(1))

.ColumnMenu()

.Filterable()

)

and in my javascript I would like to use jquery contextmenu..The standard form of using context menu by jquery team is like this:

$.contextMenu({

selector: '.activate-menu',

trigger: 'left',

autoHide: false,

callback: function (key, options) {

if (key == "Book") {

$('body').css('cursor', 'wait');

$.post("/CustomerInformation/SetId", { code: className}, function (data) {

window.location.href = "/Hotels/CInformation/Index";

});

}

},

items: {

"Book": {

name: "Book", icon1: "Booking"

}

});

Now I would like pass the class name of the particular image to the contextmenu . I have tried onclick on the client template to pass it, but When I nest function with jquery context menu function.. Its throwing me errors. How can I access directly clicked element class name in the context menu function.

Grid

answered on 26 Aug 2013

4 answers

1.8K+ views

Can I pass a parameter on the databound event.?

Now I write the event three times:
grid1 .Events(events => events.DataBound("onDataBound1") function onDataBound1(){alert('grid1 bound!')}
grid2 .Events(events => events.DataBound("onDataBound2") function onDataBound2(){alert('grid2 bound!')}
grid3 .Events(events => events.DataBound("onDataBound3"). function onDataBound3(){alert('grid3 bound!')}
I
have 3 grid in a view page,I use databound .Events(events =>
events.DataBound("onDataBound") on each gird,Can I pass a parameter on
the databound event.
function onDataBound(index){
if(index==1) alert('grid1 bound!');
else if(index==2) alert('grid2 bound');
else alert('grid3 bound');
}

Grid

answered on 26 Aug 2013

1 answer

112 views

Best design for listview with chart generation?

Hi!

I have a application with 2 views.
The first view contains a list of charts I can choose from.
When a user clicks on one of the rows in the list, the second view slides in and presents the chart.
All data is retreived from ONE json url. The data I get back from the json service contains all charts.

I been trying to figure out what's the best design for handling data retrival and ui interactions.
Shall I retrive all data when my application starts, and store it as a array?
Shall I retrived the chartsdata from the datasource, in the "OnClick" event, when the user clicks on a row?
Shall I create the chart in the OnClick event?

What is the best practice in this senario?

I'm greatfull for any answers :)

Regards
Per

General Discussions

answered on 26 Aug 2013

3 answers

178 views

Date axis and multiple series

Good evening

I've got the attached chart showing strange "holes" where the data actually exists.
Demo:
http://70.43.83.4/Test/date/
I know this would work when data from both series was "fitted into single elements" but this can't be done here because series can have different number of points. As I understand from docs for date axis data is always aggregated so I believe this is not a problem "by design"?
Thanks.

Raido

Charts