please is there option to add a new kendo drop down list in dynamically created table. I  am trying in normal aspx page. how to achieve, i am binding data with json object with page method from vb page.

I'm using a Jquery Tools Tooltip component inside a Kendo Grid.
The tooltip is displayed when the mouse hovers the UserName link (see the screenshot, the tooltip is displayed when the mouse hovers "test1" link) ; but the tooltip is hidden behind the grid's header. I'm playing with the z-index of the tooltip in firebug but nothing changes...
Any idea ?

btw will you release a tooltip component in the next versions of KendoUI?

http://jsfiddle.net/mysterii0/Te8cY/
Please see the link above to jsfiddle.. I'm not sure if this is a 'correct' way of creating extension of a kendoui widget, but it seems to work for what I wanted to do.

Hi,

I have a "sign in" button on a view and when a user clicks on it, I want it to run a javascript method. It seems simple and I have a sample one page app which works. However my actual app is several pages and for some reason the same html doesn't work when I copy it from the sample page to the real app. I'm currently trying 3 ways to call the javascript method, but i think the first one is the right way.

<a data-role="button" data-click="signInButton">Sign In</a>
<a data-role="button" href="javascript:signInButton();">Sign In 2</a>
<a data-role="button" onclick="signInButton()">Sign In 3</a>

And the javascript is currently very simple, just popup and alert so I know the method got called and navigate to another view.

function signInButton(e) {
    alert('signInButton');
    app.navigate("#phoneMain");
}

Here is the current app http://jsfiddle.net/jwhitmer/vsPye/

A few other forum posts helps me get this far. It runs on iPhone, iPad, Android phone and Blackberry phone. I'm amazed at what Kendo UI can do with so little coding on my part.

Thank you for any guidance,
Jason

Here is an example:

  @(Html.Kendo().Grid<MyViewModel>(Model.Records)
            .Name("MyGrid")
            .Columns(columns =>
            {               
                columns.Bound(c => c.Price)
                    .HtmlAttributes(new { @class = "gridColumnPrice" })
                    .Title(UIResources.Price)
                    .HeaderHtmlAttributes(new { @class = "gridColumnPrice" });
           })
            .DataSource(c => c.Server()
            )

This code generates JS as below:

jQuery(function(){jQuery("#MyGrid").kendoGrid({columns:[{title:"Price",attributes:{class:"gridColumnPrice"}, ............... ETC

In IE8 and older versions, you will get:
SCRIPT1028: Expected identifier, string or number lyKqsEz1h0Lo7AitxGa6wik1, line 2 character 208

This is because 'class' word in JS is not allowed as class property. You should add apostrophes around properties.

Hi There, i cannot get the datasource to work. Specifically the issue is passing the GET parameter. The only way i've gotten the read to work is to place the paramter directly in the READ URL:


$(document).ready(function () {
            var dsCategories = new kendo.data.DataSource({
                transport: {
                    read: "/CostDriver/GetCostDriverCategoriesByRegion/" + $("input[name='region']:checked").val() ,
            ...

The issue is, on the click of radio button from where this value is coming from, the read uses the ORIGINAL value from the radiobuttongroup from when the page initially loads. Onclick of this radiobuttongroup calls the datasource read but the new value is NEVER sent.

HOW HOW HOW do you properly use the DATA property in the transport? I have tried everything and it does not work.

$(document).ready(function () {
            var dsCategories = new kendo.data.DataSource({
                transport: {
                    read: "/CostDriver/GetCostDriverCategoriesByRegion/",
                    data: { "regionId": $("input[name='region']:checked").val() }
                }
            });
            $("#selectCategory").width(180).kendoComboBox({
                dataTextField: "CostDriverCategoryName",
                dataValueField: "CostDriverCategoryId",
                dataSource: dsCategories
            });

            $("#selectCommodity").width(180).kendoComboBox({ enabled: false });

            $("input[name='region']").click(function () {
                alert($("input[name='region']:checked").val());
                dsCategories.read();
            });
        });

Hey guys,

I'm relatively new to Kendo UI and just had a question about filtering a grid by using values from a combobox. From my understanding I can do something like this:

@(Html.Kendo().ComboBox()
                .Name("combobox name")
                .Events(e=>e.Change(@<text>
                                     function(e) {
                                        var grid = $("#Grid").data("kendoGrid");
                                        var value = this.value();
                                        if(value) {
                                                grid.dataSource.filter({ field: "filter field", operator: "eq", value: parseInt(value) });
                                               }
                                        else{
                                                grid.dataSource.filter({});
                                            }
                                        }
                                     </text>
                    )
                  )
                .Placeholder("Place holder..")
                .DataTextField("Text")
                .DataValueField("Value")
                .DataSource(source => {
                    source.Read(read => 
                    {
                        read.Action("Controller Action", "Controller");
                    });
                })
                .SelectedIndex(0)

I've tried this and leads it filters my grid with my desired results, but if I go about it this way and try to add a new item, the item is then added to the unfiltered page of the grid (which is not desirable). From a few other posts I have read, I found I could navigate around this issue simply by adding a few things to to the filter command, like so:

   grid.dataSource.filter({logic: "or", filters[{ field: "filter field", operator: "eq", value: parseInt(value) }, { field: "filter field", operator: "eq", value: 0 }]})

Having that allows me to, when I click add a new item, to have that item show up on the filtered page of the grid. However, I am then unable to save that newly created instance. I wonder is there another way of filtering a grid using a combobox? If there is, any help/ advice would be really helpful.

                           Thanks,
                                          Chris

Hi,

I'm creating donut charts and setting the title like this:

My problem is that the series title comes from the json object I use to populate the chart.

Is it possible to set the chart title using the same binding feature of the one in the series object? (categoryField, field, colorField, etc...).
Something like:
Thanks,

André

Does the KendoUI mobile work on Android ?
Which minimal version / device vendor is required ?

From cheap android version 4.0.3 it won't work.

Taps not working, scrolls not working. Loading page
gives terrible white screen on few tiny moments enough
to see it.

Tried several examples from local network and latest
download. Then from your site. Effect is the same.

The framwork looks promising from the browser
but first attempt from a real devices was terrible.

Thanks.

Hi, I'm looking at the "binding to local source" treeview demo below and was wondering how do you structure this AND the schema to allow 3+ levels of "subCategeries" for something like a parts list.  I'm playing with local data but want to eventually populate from remote data and with the list initially expanded.  

Once I find this out,  I want to use that format to build the JSON response sent from the service.  Thanks.

var inline = new kendo.data.HierarchicalDataSource({
data: [
{ categoryName: "Storage", subCategories: [
{ subCategoryName: "Wall Shelving" },
{ subCategoryName: "Floor Shelving" },
{ subCategoryName: "Kids Storage" }
] },
{ categoryName: "Lights", subCategories: [
{ subCategoryName: "Ceiling" },
{ subCategoryName: "Table" },
{ subCategoryName: "Floor" }
] }
],
schema: {
model: {
children: "subCategories"
}
}
});

$("#treeview-right").kendoTreeView({
dataSource: inline,
dataTextField: [ "categoryName", "subCategoryName" ]
});