Hi i'm quite stuck on initializing multiple cascading DropDown Lists with the MVC wrappers:

The Same sample works with Kendo Web but not with the MVC Wrappers.

All 4 DropDowns get the values from the controller.

You are not allowed to change the first dropdown thats why it is disabled.

all other dropdown should be prefilled with the values from the controller.

The Data from Select Devices is also passed to the client. it look like this:
[{"DeviceId":7,"Name":"Device Customer CA 1"},{"DeviceId":8,"Name":"Device Customer CA 2"},{"DeviceId":9,"Name":"Device Customer CA 3"},{"DeviceId":10,"Name":"Device Customer CA 4"}]

This is the code from the view:


<div class="editor-label">
@Html.LabelFor(model => model.SalesOrgId)
</div>
<div class="editor-field">
@(Html.Kendo().ComboBox()
.Name("SalesOrgId")
.Placeholder(Resources.MappingRules.Strings.SelectSalesOrgDropDown)
.DataTextField("Name")
.DataValueField("SalesOrgId")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("SelectSalesOrgs", "MappingRules");
})
.ServerFiltering(true);

})
.Enable(false)
)
@Html.ValidationMessageFor(model => model.SalesOrgId)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.CustomerId)
</div>
<div class="editor-field">
@(Html.Kendo().ComboBox()
.Name("CustomerId")
.Placeholder(Resources.MappingRules.Strings.SelectCustomerDropDown)
.DataTextField("Name")
.DataValueField("CustomerId")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("SelectCustomers", "MappingRules").Data("filterCustomers");
})
.ServerFiltering(true);
})
.AutoBind(false)
.CascadeFrom("SalesOrgId")
)
@Html.ValidationMessageFor(model => model.CustomerId)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.DeviceId)
</div>
<div class="editor-field">
@(Html.Kendo().ComboBox()
.Name("DeviceId")
.Placeholder(Resources.MappingRules.Strings.SelectDeviceDropDown)
.DataTextField("Name")
.DataValueField("DeviceId")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("SelectDevices", "MappingRules").Data("filterDevices");
})
.ServerFiltering(true);
})
.AutoBind(false)
.CascadeFrom("CustomerId")
)
@Html.ValidationMessageFor(model => model.DeviceId)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.EntityId)
</div>
<div class="editor-field">
@(Html.Kendo().ComboBox()
.Name("EntityId")
.Placeholder(Resources.MappingRules.Strings.SelectEntityDropDown)
.DataTextField("Name")
.DataValueField("EntityId")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("SelectEntities", "MappingRules");
})
.ServerFiltering(true);
})
.AutoBind(false)
.CascadeFrom("DeviceId")
)
@Html.ValidationMessageFor(model => model.EntityId)
</div>

Here ist my controller code:

public JsonResult SelectSalesOrgs()
{
  var salesOrgs = GetSalesOrgs();
  return Json(salesOrgs, JsonRequestBehavior.AllowGet);
}

public JsonResult SelectCustomers(int salesOrgId)
{
  var customers = GetCustomersBySalesOrgId(salesOrgId);
  return Json(customers, JsonRequestBehavior.AllowGet);
}

public JsonResult SelectDevices(int customerId)
{
  var devices = GetDevicesByCustomerId(customerId);
  return Json(devices, JsonRequestBehavior.AllowGet);
}

public JsonResult SelectEntities()
{
var entities = GetEntities();
return Json(entities, JsonRequestBehavior.AllowGet);
}

Any help would be appreciated.

Hi,

I would like to change the icon of a tabstrip element programmatically.
I have done some research and found this link:
http://www.kendoui.com/forums/mobile/listview/mobile-change-listview-data-icon.aspx

However, when I try to apply it, it does not work.
My code is as follow:

var oldIcon = $('#messageViewLink').attr('data-icon');
var newIcon = 'home';
$('#messageViewLink').attr('data-icon', newIcon);
$('#messageViewLink').find('.km-icon').addClass('km-' + newIcon).removeClass('km-' + oldIcon);

More importantly, the following three statements return false:
    alert($('#messageViewLink').hasClass('km-icon'));
    alert($('#messageViewLink').hasClass('km-'+newIcon));
    alert($('#messageViewLink').hasClass('km-'+oldIcon));
    
Please help. Thanks.

BR,
Ralph

Hi Kendo Team:
I've read the breaking changes of the new Kendo UI Q1 2013. Do you have any tool that renames   enable forenabled  option in all my javascript files where I use a comboBox?
How do we customers usually move from one kendo version to another?
Any help will be appreciated.

Kind Regards.
Oscar.

on Android 4.2 - Input type date is always crashing when the input is empty and when i set a value and then click on the field and choose set, it add to the field as its not clearing before adding, kindly be informed that i'm using Icenium to deploy my app to the mobile,
the mobile version is Samsung S3 and OS is Android 4.2

and for code example, just create a new project with icenium with Kendo Mobile template and deploy it to an android phone. 

I need to enter a multiline text within the grid, any solution for this?


schema: {
                    data:"data",
                    total: "total",
                    model: {                        
                        id: "id",
                        fields: {                            
                             
   I need to enter multiline text in this field 
                            cont: { type: "string", name: "contenido", validation: { required: true } }

                        }
                    }
                    
                }

Hi Kendo team,

just want to tell you, that I have found quite an interesting bug. Steps to reproduce:
1) Head over to your web demos at: demos.kendoui.com/web/grid/aggregates.html
2) Sort by 'Unit price'.
3) As you can see (e.g. page 1, 4, ...), all "more than two digit" prices are sorted wrong - it seems only first two digits are taken into account.

Or is this intentional? Attaching screenshot as a proof.

Have a nice day.

Hello,
I have a chart filled by a JSON remote data.

Here is the result of the JSON :
[{"Id":0,"Date":"2013-03-22 11:59:25","Value":"250"},{"Id":1,"Date":"2013-03-22 11:59:27","Value":"250"},{"Id":2,"Date":"2013-03-22 11:59:29","Value":"250"},{"Id":3,"Date":"2013-03-22 11:59:31","Value":"250"},{"Id":4,"Date":"2013-03-22 11:59:33","Value":"250"},{"Id":5,"Date":"2013-03-22 11:59:35","Value":"250"},{"Id":6,"Date":"2013-03-22 11:59:37","Value":"260"},{"Id":7,"Date":"2013-03-22 11:59:39","Value":"250"},{"Id":8,"Date":"2013-03-22 11:59:41","Value":"250"},{"Id":9,"Date":"2013-03-22 11:59:43","Value":"250"}]

The problem is that I only have 1 value appearing on the graph with the time to 11:59:00
I guess it's because seconds are not taken  into account, so all values are "viewed" at the same time so it's only 1 point.

Below my code for the chart :
$("#example").kendoChart({
            theme: "default",
            dataSource: {
                transport: {
                    read: {
                        url: '@Url.Action("GetHydrogen", new { Area = "Plugins", Controller = "Temperature" })
                        contentType: "application/json",
                        dataType: "json"
                    }
                },
                sort: {
                    field: "Date",
                    dir:"asc"
                }
            },
            title: {
                text: "Hydrogen"
            },
            seriesDefaults: {
                type: "line",
                missingValues: "gap"
            },
            series:
                [{ field: "Value", name: "Value" }],
            categoryAxis: {
                field: "Date",
                type: "date",
                labels : { step: 5, font: "8px Arial, Helvetica, sans-serif", template: "#=kendo.toString(new Date(value), 'dd/MM HH:mm:ss')#"},
                maxDateGroups: 100,
                baseUnit: "fit",
                baseUnitStep: "auto",
                majorGridLines: "none",
                crosshair: {
                    visible: true,
                    tooltip: {
                        visible: true,
                        template: "|#= value #|"
                    }
                }
                
            },
            valueAxis: {
                labels: {
                    format: "{0}"
                }
            },
            tooltip: {
                visible: true,
                template: "${category} - ${value}"
            }
        });

Thanks for your help
Sylvain

Hi,

I want  a line chart  in which each point will have different  color and shape according to its value .  Is this possible in Kendo UI DataViz: Chart. see the attached image.

Many Thanks

 My goal is to style a kendo-ui mobile app in Icenium to look the same on each device it's used on. Current targets include Android and IOS.My stylesheet is the last link in the head section, to ensure that it overrides any other styles in the app. It hasn't helped, though, as telerik's specificity nightmare has me jumping through an insane number of hoops and getting very little accomplished.I am at my wits end- I have followed the tutorial on http://www.icenium.com/mobile-app-platform/videos-demos/video/kendo-ui-mobile-and-icenium, and so far, have been able to override very few styles. for instance:

.km-ios #tabstrip-scan .km-navbar
{
    background-image:none;
}

should be all I need to override for the default ios titlebar, according to Telerik's tutorial. However, it gets rid of the background image, but leaves me with a background color, which it will not allow me to override (it also will not allow me to alter the text color). In other words:

.km-ios #tabstrip-scan .km-navbar
{
     background-image:none; // works
     background-color: #d9d1ba; //doesn't work
     color: #333333; //doesn't work either
}

I have the same problems with their button classes:

.km-ios .km-button
{
    height: 32px; // works
    width: 100% // doesn't work;
    background-image: none; // doesn't work
}

and with inputs:

.km-ios input[type=text]
{
    width:100% // doesn't work
    border-radius: 3px; // doesn't work
    -webkit-border-radius: 3px // also doesn't work;
}

At one point, I even commented out the entire kendo default stylesheet, and was still getting the kendo default styles when I ran the app in the virtual machine.How can I override the kendo-ui-mobile defaults and style the app how I want it to look (the same on every device), rather than how Telerik thinks it should look (closer to native ui)?

It can be very useful.