Questions on Kendo UI for jQuery Forum

1 answer

333 views

How to show waring message when check box is clicked on edit pop up widow from Kendogrid

I am using Kendo UI latest version in my application which is built on MVC3 framework , I have a requirement where I need to show a edit pop window which is working fine.But I have a check box on page where clicking on check box I need to show a warning message (I need to call a java script method)client side validation. So could you please help me out how to call a java script function from edit pop up window of Kendo grid.

Grid

answered on 27 Aug 2013

1 answer

82 views

Timepicker.value() + MVVM

Hi don't know if this is a bug, but it costed my a lot of frustration :D In the end I solved it but I just wanted to share and check.

Anyway I had a timepicker MVVM bound to a value. On a certain JS event i would assign that timpickers value, but not by going through the viewModel object, rather directly using the value method of the picker. That would cause the timepicker to lose sync with the MVVM model and its value would go to a null... I didn't realise what was the bug for a good 5 hours of frustration and trying to get it to work :D.

I don't know if going like this is something I should do. I guess If I'm using MVVM I should alawys edit values through the model, but the situation was specific and the expected reaction was for it to work the other way around.

Date/Time Pickers

answered on 27 Aug 2013

1 answer

85 views

Issue in forum

Hello,

1.
After adding the link in the reply UI is crashed in IE 10. Please check the below link for more info.

http://screencast.com/t/4gTQ77H46XZ

2.
In after adding the link is also not worked in IE 10 and FF latest. Please check the below link for more info.

http://www.kendoui.com/forums/kendo-ui-web/grid/groupable-uncaught-typeerror-cannot-read-property-%27length%27-of-undefined-kendo-all-js.aspx#boHt9q6aG2OF1P8AAFTdxQ

Thanks,
Jayesh Goyani

General Discussions

answered on 27 Aug 2013

1 answer

190 views

Button not appearing properly when added dynamically to button group

Hi,

Button not appearing properly when added dynamically to button group

Steps to reproduce this issue :
1. Click on Remove button. Closure button in button group will be removed.
2. Click on Add button. Closure button appears but Closure button is not in line with other buttons.

PFA the sample project.

Any help will be appreciated.

Thanks in Advance.

ButtonGroup

answered on 27 Aug 2013

1 answer

292 views

Dynamic columns generation with Kendo grid jsp tag

Hi, I have been working on a project where we have to generate the columns dynamically depending on the data coming from Server. We are using Kendo JSP taglib, so using java scriptlet to iterate over the list passed as model attribute to the JSP. Code snippet is as following:

<kendo:grid-columns>
     <%

     List fieldsList = (ArrayList)request.getAttribute("columnArr");
     List columnsList = (ArrayList)request.getAttribute("fieldsArr");
     String colName = "";
     String fieldName = "";
     for(int i=0;i<columnsList.size();i++){
      colName = columnsList.get(i);
      fieldName = fieldsList.get(i);
      System.out.println("Col and Field values are:::"+colName+","+fieldName);
      %>
      <kendo:grid-column title="<%=colName %>"
       field="<%=fieldName %>" headerAttributes="style=\"overflow: visible; white-space: normal;font-weight: bold;\"" />
     <%} %>

     </kendo:grid-columns>

Above code works fine if I use hard coded values in title and field attributes. but when I use variables as shown in above snippet, I get the following exception at runtime:
org.apache.jasper.JasperException: /WEB-INF/views/dashboardWidget.jsp(37,6) Unknown attribute type (String) for attribute title.
at org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:40)
at org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:407)
at org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:236)
at org.apache.jasper.compiler.Validator$ValidateVisitor.checkXmlAttributes(Validator.java:1164)
at org.apache.jasper.compiler.Validator$ValidateVisitor.visit(Validator.java:821)
at org.apache.jasper.compiler.Node$CustomTag.accept(Node.java:1530)
at org.apache.jasper.compiler.Node$Nodes.visit(Node.java:2361)
at org.apache.jasper.compiler.Node$Visitor.visitBody(Node.java:2411)

Any idea why Title and field attribute are not accepting String variable as value? I have seen the Tag lib for Kendo:grid-column, title has type as String.
<attribute>
            <description>The text that is displayed in the column header cell. If not set the field is used.</description>
            <name>title</name>
            <rtexprvalue>true</rtexprvalue>
            <type>String</type>
        </attribute>
Please also let me know if there is some other way to generate columns dynamically without using scriptlet.
Thanks & Regards,
Preeti

Grid

answered on 27 Aug 2013

2 answers

226 views

Not able to bind Resources to DataSource

I want to group my scheduler by locations and I'm trying to do so by binding my resources to a datasource. But I can't seem to get it to work (the commented out example - where I use a hardcoded example works fine).

@(Html.Kendo().Scheduler<NFFO_MVC4.Models.BookingViewModel>()

.Name("Scheduler")

.Date(DateTime.Today)

.StartTime(DateTime.Today.AddHours(7))

.EndTime(DateTime.Today.AddHours(20))

.Height(600)

.Width(2000)

.Messages(message =>

{

message.AllDay("Hele dagen");

message.Today("I dag");

})

.Timezone("Europe/Copenhagen")

.Views(views =>

{

views.DayView(day => day.Title("Dag"));

views.WeekView(week => week.DateHeaderTemplate("<span title='#=kendo.toString(date, 'dddd dd.MMM')#'>#=kendo.toString(date, 'ddd')#</span>").Title("Uge").Selected(true));

views.MonthView(month => month.Title("Måned"));

views.AgendaView();

})

.Group(group => group.Resources("Lokationer"))

.Resources(resource => resource.Add(m => m.LokationId)

.Title("Lokation")

.Name("Lokationer")

.DataTextField("Navn")

.DataValueField("Id")

.DataSource(ds => ds.Read(read => read.Action("GetLocations", "Scheduler"))))

//.Resources(resource => resource.Add(m => m.LokationId)

// .Title("Lokation")

// .Name("Lokationer")

// .DataTextField("Text")

// .DataValueField("Value")

// .DataColorField("Color")

// .BindTo(new[] {

// new { Text = "Parken Stadium", Value = 1, Color = "#6eb3fa" },

//                            new { Text = "Sportspladsen", Value = 2, Color = "#f58a8a" },}))

.DataSource(d => d

.Model(m => m.Id(f => f.BookingId))

.Read("GetBookings", "Scheduler")

)

EDIT: Have both tried with or without 'read => read.Action'

I am pulling the data from the following actions in the SchedulerController:

public ActionResult GetBookings([DataSourceRequest] DataSourceRequest request)

{

IEnumerable<BookingViewModel> bookingViewModels = _db.Bookinger.Select(booking => new BookingViewModel

{

BookingId = booking.Id,

LokationId = booking.Lokation.Id,

Title = booking.Aktivitet,

Description = booking.Aktivitet + " (" + booking.Forening + ")",

Start = booking.Start,

End = booking.Slut,

IsAllDay = false

});

return Json(bookingViewModels.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

}

public ActionResult GetLocations([DataSourceRequest] DataSourceRequest request)

{

return Json(_db.Lokationer.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

}

Scheduler

answered on 27 Aug 2013

4 answers

89 views

Inconsistent theme behaviour

I modified the flat theme slightly as per these guidelines:

http://docs.kendoui.com/getting-started/mobile/styling

This worked perfectly, but when I added the app to my home screen (iPhone 5) the app showed the original flat theme colours.

Why would the app be different when launched from the home screen, and how can I prevent this?

Thanks.

General Discussions

answered on 27 Aug 2013

2 answers

172 views

Does Kendo provide a client side Publish/Subscribe event model?

We are just trialing the Kendo package at the moment?

If so - docs/api?

Thanks
Myles.

General Discussions

answered on 26 Aug 2013

0 answers

64 views

Dynamic chart selection - example

General Discussions

asked on 26 Aug 2013

1 answer

123 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