Is there any way to tame KendoUI Grid to use a:visited {color: #4a637a;} sytle so that the hyperlink change the color after use clicks on them.
Currently I am able to add a:visited {color: #4a637a;}  for the grids in div tag where the grid is embedded but as soon as I refersh the grid or browser through the grid pages, the sytle is gone.

Any help is appreciated.

Hello !

i'm currently trying to use the template system with data binding from a json local file but i've got a preblem to make it work.

here is my json code which is into a data.json local file:

here is my javascript code

here is my template

and here is the div where the html is added:

if someone could help me out to solve that problem ... ;)

thanks you ! :)

I'm having some issues with tooltips & seriesClick on my chart.  Here is a jsFiddle demonstrating the issue.

In chart 1, there is no issue getting the tooltip data, but in chart 2, I am getting 'undefined' for some of the data I want to display (both chart 1 and chart 2 are using a template to format the tooltip data).  In addition on chart 2, if you click on a column chart series, I am also getting 'undefined' for some data.

FYI, I am using v2013.2.918

Thanks in advance,
--Ed

For instance if I have editable table and have column for Enter Qty, Is there a way to press enter and save it and go down and will do same until it reach the end of the row that particular table?

Advance Thanks for awesome help!

Anyone can give me guide how to Close modal view onBackPressed in android..
cause it's feel wierd if someone press back key and the page changed.. but the modal view still there.. 

Thanks before..

Parameters:  date and type  in method refresh  not working correctly:

1. date - server dosen't  receive any data
2. type - server always receive GET (independently type is setting for POST or GET)

Having trouble using the navigate function to call a controller that returns json. The call is going to the controller and back to the client side, so I know that is working.


@(Html.Kendo().Scheduler<EPR.Web.Entities.Patient.Appointment>()
                .Name("scheduler")
                .AllDaySlot(false)
                .Date(DateTime.Now)
                .StartTime(new DateTime(2013, 6, 28, 08, 00, 00))
                .EndTime(new DateTime(2013, 6, 28, 18, 00, 00))
                .Editable(false).Views(views =>
                {
                    views.DayView(dayView => dayView.Selected(true));
                })
                .Events(e =>
                {
                    e.Navigate("scheduler_navigate");
                })
                .DataSource(d => d.Read(r => r.Action("ConsultantClinic_Read", "Calendar")))
                .Views(m => m.DayView(d => d.EventTemplate(DayView)))
                .Views(m => m.WeekView(d => d.EventTemplate(DayView)))
                .Views(m => m.AgendaView(d => d.EventTemplate(AgendaView)))
                .BindTo(Model)
                .Resources(resource =>
                {
                    resource.Add(m => m.SourceClinic)
                        .Title("Owner")
                        .DataTextField("Text")
                        .DataValueField("Value")
                        .DataColorField("Color")
                        .BindTo(details);
                })
                .Events(e => e.DataBound("scheduler_dataBound"))
                .Views(m => m.DayView(d => d.EventTemplate(DayView)))
                .Views(m => m.WeekView(d => d.EventTemplate(DayView)))
                .Views(m => m.AgendaView(d => d.EventTemplate(AgendaView)))
                )


Later in the page inside a script element:-

    function scheduler_navigate(e) {

        var date = kendo.toString(e.date, "dd-MM-yyyy");

        $.ajax({
            type: "GET",
            url: "/Calendar/Navigate",
            data:
                {
                    date: date
                }
        })
              .done(function (result) {
                  var scheduler = $("#scheduler").data("kendoScheduler");
                  var dataSource = new kendo.data.SchedulerDataSource({
                      data: [
                          new kendo.data.SchedulerEvent(
                              {
                                  "AppointmentId": 4031761, "AppointmentDate": "2013-11-13T08:50:00", "Status": 0,
                                  "StatusString": "New", "StatusCode": "NW", "AppointmentDateFormatted": "13 Nov 2013 08:50",
                                  "AppointmentDateOnlyFormatted": "13 Nov 2013", "AppointmentTimeFormatted": "08:50",
                                  "Patient":
                                  {
                                      "PatientID": 0, "Casenote": "E101/10101", "Forenames": "Test", "Surname": "Test", "Gender": "F", "DOB": "1900-01-11T00:00:00", "NHSNumber": null,
                                      "DistrictNumber": null, "Age": 81, "Appointments": [], "CurrentAdmission": null, "Allergies": [],
                                      "ContactDetails":
                                      {
                                          "Address": null, "HomeTelephone": null,
                                          "WorkTelephone": null
                                      },
                                      "Medications": [], "Admissions": [], "PatientName": "Test TEST", "PatientNameInGender": "Test TEST (F)", "PatientNameInitial": "T TEST",
                                      "Heading": "Test TEST (F) 11 Jan 1900 ()", "DOBIncAge": "11 Jan 1900 ()", "PatientTemplate": "Test TEST (F) Test TEST (F) 11 Jan 1900 ()"
                                  },
                                  "ClinicCode": "REFCLIN", "SourceClinic": "TestClinic", "AppointmentType": "Planned", "Description": "TestCLIN",
                                  "Consultant": "AA", "End": "2013-11-13T09:10:00", "IsAllDay": false, "RecurrenceException": null, "RecurrenceRule": null,
                                  "Start": "2013-11-13T08:50:00", "Title": "Test TEST (F)"
                              }

                          )
                      ]
                  });

                  scheduler.setDataSource(dataSource);

              });

    }

I know this function is getting fired because I can log it to the console. So it is just down to the databinding, nothing shows up in the view except an empty calendar. No errors either are getting logged.

Any help would be great thanks.

Hi,
A quick question about how your javascript files are structured.  Does the kendo.web.min.js file include all of the features listed in your documentation under the kendo web feature?  Meaning, if I'm using the kendo listview and kendo treeview which javascript files should I reference?  Can I just reference kendo.web.min.js?  Or do I need to reference kendo.treeview.min.js and kendo.treeview.min.js?  Where does kendo.fx.min.js fit into the mix?

Thanks in advance.

When the user groups by a column, the grid makes an AJAX request.
If that request returns data that is grouped differently than the "current" state of the grid, the grid crashes (see attached images for the crash location and call stack).

Even if the server returned incorrect data, it would still be nice of the grid not to crash, but to fall back gracefully.

But in our particular case, this is NOT cause by the server returning incorrect data.
Instead, it is caused by the grid itself, in connection to another issue we have submitted recently.
If the user is quick enough to change the grouping arrangement several times in a row - say, quickly remove all groups one by one, - the grid initiates a request when the first group is removed and does not drop it when the second group goes away.
Therefore, by the time the first response from the server (containing all groups but one) comes, the user has already removed all groups, and the grid crashes.

Hi,
I have a action button that fire OK. But the issue is it fires the event twice on ios safari browser, once initially and another on a next touch on the screen. This does not happen on my desktop Chrome.

Any help would be much appreciated. Thanks.

<a data-role="button" data-rel="actionsheet" href="#my_received_actionsheet" data-align="right" data-icon="action" >Action</a>


        <ul data-role="actionsheet" id="my_received_actionsheet">
            <li class="km-actionsheet-title">You Action Required : </li>
            <li><a href="#" data-action="my_received_action.confirm">Confirm booking</a></li>
            <li><a data-action="my_received_action.decline">Decline booking</a></li>
            <li><a data-action="my_received_action.mark_as_paid">Mark as paid</a></li>
        </ul>


<script>
        var my_received_action = {
            confirm: function (e) {
                alert("confirm");
            },
            decline: function (e) {
                alert("decline");
            },
            mark_as_paid: function (e) {
                alert("mark_as_paid");
            }
        }
</script>