We are exploring using Kendo Mobile to deliver a mobile application with the iPad as our initial target. I've put together a simple application and it seems to be "clunky" and slow when rendered in Safari on the iPad.

Attached is the simple application.
My complaints/questions are as follows:
* It takes the better part of one second to respond to a click of a 'person' element and to add the form for that person to the 'selected' list. What makes this operation take so long?
* When selecting a location from the dropdown for a user, why does the selection of a location take so long. Again it seems to take almost a second to respond.
* I am unable to do the following for the checkboxes for the people items and I don't understand why: 
When configured this way, I get the data-binding but the selectPerson event on the view-model is not triggered. I believe lack of value binding combined with my implementation of the selectPerson method leads to an issue with the list of selected people getting out of sync with the checkboxes after you change a person's location.

Fundamentally I am curious if there is some inefficiency in this test app, or if it is demonstrative of the performance and feel we can expect using kendo mobile.

specs:
jquery v.1.10.2 (have tried bundled version of jQuery as well)
kendo v. 2013.2.918
iOS 7.0.2

Thanks!

Hi!

We are trying to monitor the dirty state of a datasource (used by a grid in batch edit mode) to show and hide controls on the page live. Is this possible? We couldnt find any events that fire before the user clicks "save", and trying to bind to the dataSource has not worked for us.

Is it possible and could you propose a solution?

Thanks!
/Victor

Hello,

I am trying the following append call but I am not seeing the style attributes added.   The append works and I see the image and text but not the styling. 

Any help is appreciated.

Thanks,
Carrie

Hi,

I am creating a property grid control in MVC and so I need to pass a collection of model attributes to the grid. because each model property has different type and so different editor, e.g. the int property may use a dropdown for edit or simple text. here is the basic structure.

public enum PropertyGridEditorTemplate
    {
        Default,
        DateTime,
        DropDown,
        ....
    }
   public class PropertyMetaDataValue
    {
        public object CurrentValue { get; set; }
        public object DefaultValue { get; set; }
        public PropertyGridEditorTemplate Editor { get; set; }
    }

    public class PropertyMetaData
    {
        public string GroupName { get; set; }
        public string PropertyName { get; set; }
        [ReadOnly(true)]
        public string DisplayName { get; set; }
        
        public PropertyMetaDataValue Value { get; set; }
}

In the view, I have a grid like this:

@(Html.Kendo().Grid(Model.MetaDatas)
        .Name("propertyPanel")
        .Columns(columns =>
            {
                ...
                columns.Bound(p => p.DisplayName);
                columns.Bound(p => p.Value.CurrentValue).EditorTemplateName("PropertyGridEditor");
            })
        
        .DataSource(dataSource => dataSource
            .Ajax()
            .Batch(true)
            .Model(model => model.Id(p => p.PropertyName))
            .Read(read => read.Action("Fee_Read", "Home", new { feeSheetId = Model.FeeSheetID, feeTypeId = Model.FeeID }))
            .Group(g => g.Add( grp => grp.GroupName))
        )
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .Navigatable()
        .TableHtmlAttributes(new { @class = "property-grid"})
        )

Now the issue is,  in custom editor I want to check the "Editor" value and based on that show different control. but there is no way to pass the "Editor" to the custom editor. I tried ViewData which didn't work. also tried Template column but the issue is I can't set custom editor for template. 

Any thoughts?

Hi,

I've got an application that calls application.navigate.
When you move from view1 to view2, the tabstrip updates, however going back the other way causes the tabstrip to go out of sync.
Here's some sample code to illustrate the behaviour:


Kendo UI Mobile build: 926
Browser: Chrome 30

Any idea why this happens?

Thanks.

Hello,

We are getting an error in IE8 with the latest internal build with the numeric textbox.  We're using the kendo.all.js file and have narrowed it down to a particular line causing the problem.  Just wanted to make sure you were aware of this, if you haven't already fixed it.  The error is on line 36783:
element.setAttribute("type", "text");

The error is "this command is not supported."  Hope that helps.  Thanks!

Regards,
Brian

Hi ,  I`m using Kendo hierarchy grid to my web page. When page loading my hierarchy grid id working properly.
 But in here I use a button to rebind grid data.
After re bond data, Its shows all parent rows. But my child grids are not showing when click the parent row. There is an error called "data is undefined".
I attached my aspx web page to here..

Please help me....

I have this Kendo UI multiselect:


How can I add [index] to name so the array maps to the array in my editmodel?

Is there some setting that would add [x] automatically to the name?

/Lasse

I can't make the scheduler to read the data I created SchedulerTaskService here I put some of the code:

public class SchedulerTaskService : ISchedulerEventService<TaskViewModel>
{

public SchedulerTaskService()
{

}

public virtual IQueryable<TaskViewModel> GetAll()
{

List<TaskViewModel> lista = new List<TaskViewModel>();

TaskViewModel node = new TaskViewModel();

node.TaskID = 1;
node.Description = "Hello";
node.Ficha_Num = "126293860";
node.Medico = "JGO1230";
node.Title = "JOHNNY GONZALEZ SOTO";
node.Start = new DateTime(2013,10,13,9,0,0);
node.End = new DateTime(2013, 10, 13, 9, 15, 0);
node.Telefono = "2719944";
node.StartTimezone = "Etc/UTC";
node.EndTimezone = "Etc/UTC";
node.OwnerID = 1;

lista.Add(node);

return lista.AsQueryable();
}
____________________________________________________________________

public partial class SchedulerController : Controller
{
private SchedulerTaskService taskService;


public SchedulerController()
{
this.taskService = new SchedulerTaskService();
}

public ActionResult Index()
{
return View();
}

public virtual JsonResult Read([DataSourceRequest] DataSourceRequest request)
{
return Json(taskService.GetAll().ToDataSourceResult(request));
}
______________________________________________________________________________________

@(Html.Kendo().Scheduler<TaskViewModel>()
.Name("scheduler")
.Date(DateTime.Today)
.StartTime(new DateTime(2013, 1, 1, 7, 00, 00))
.EndTime(new DateTime(2013, 1, 1, 18, 00, 00))
.Height(500)
.MinorTickCount(1)
.MajorTick(15)
.Selectable(true)
 

.Editable(e => e.TemplateId("editor"))

.Views(views =>
{
views.DayView();
views.WeekView(weekView => weekView.Selected(true));
views.MonthView();
views.AgendaView();

 })

.Messages(message =>
{
message.Today("Hoy Día");
message.AllDay("Todo el Día");
message.Save("Reservar");
message.Cancel("Cerrar");
message.Views(views =>
{
views.Day("Diario");
views.Month("Mensual");
views.Week("Semanal");


});

message.ShowWorkDay("Mostrar Todo el Día");
message.ShowFullDay("Mostrar Horario");


message.Editor(Editor =>
{
Editor.EditorTitle("Cita");

});


})

.Timezone("Etc/UTC")

.DataSource(d => d
.Model(m =>
{
m.Id(f => f.TaskID);
//m.Field(f => f.OwnerID).DefaultValue(1);
})


.Read("Read", "Scheduler")
.Create("Create", "Scheduler")
.Destroy("Destroy", "Scheduler")
.Update("Update", "Scheduler")
//.Filter(filters =>
//{
// filters.Add(model => model.OwnerID).IsEqualTo(1).Or().IsEqualTo(2);
//})
)

)
____________________________________________________________________

<script id="editor" type="text/x-kendo-template">

<table border="0">
<tr style="border-style:hidden">
<td style="border-style:hidden"><label>Paciente</label></td>
<td style="border-style:hidden"><input style="width:300px;" data-bind="value: Title" /> <button class="k-button" data-bind="value: buscar_ficha">Buscar</button></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Teléfono</td>
<td style="border-style:hidden"><input data-bind="value: Telefono"/></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Comienza</td>
<td style="border-style:hidden"><input data-role="datetimepicker" data-bind="value: start" /></td>

</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Finaliza</td>
<td style="border-style:hidden"><input data-role="datetimepicker" data-bind="value: end" /></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Médico</td>
<td style="border-style:hidden"><input data-bind="value: Medico"/></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Ficha</td>
<td style="border-style:hidden"><input data-bind="value: Ficha_Num"/></td>
</tr>
<tr style="border-style:hidden">
<td style="border-style:hidden">Memo</td>
<td style="border-style:hidden"><input style="width:300px;" data-bind="value: Description"/></td>
</tr>
</table>

</script>


any help would be appreciated

Johnny

Hi,
I'm testing both devexpress and telerik MVC components to decide which one is more suitable for my company needs.
we need to implement a filter on a column with multiple selection. I couldnt find a way to achive that in kendo ui like http://demos.devexpress.com/MVC/GridView/Filtering.
Filter section should be at the header and each column can have its own multi selection filter.

is there anyway to do that in kendo ui?

thanks