Hi,
I am using the kendo grid with custom popup edit template and everything works fine until i use text area inside the template.
any html after the textare does not show in the edit popup template and hence i cannot see the update and cancel buttons or any other field that i declare after the textarea

Thankyou

Hi there, for some reason I can't force bubble chart to show legend, at the same time I'm able to see category name in the tooltip, could you please explain why, thanks.

        $("#Chart1").kendoChart({
                title: {
                    text: "Chart"
                },
                legend: {
                    visible: true,
                    position: "bottom"
                },
                dataSource: @{@Html.Raw(id)}ChartDataSource1,
                seriesDefaults: {
                    type: "bubble"
                },
                seriesColors: ["#004D5C", "#FF8700", "#38A660", "#E5D843", "#80BF34"],
                series:
                    [{
                        type: "bubble",
                        categoryField: "Field1",
                        xField: "Field2",
                        yField: "Field3",
                        sizeField: "Size",
                        colorField: "Color",
                        maxSize: 35,
                        minSize: 3,
                        visibleInLegendField: "true",
                        tooltip: {
                            visible: true,
                            format: "{2} {3}"
                        }

                    }
                    ]
               ,
                xAxis: {
                    //max: 1000,
                    labels: {
                        format: "{0}"
                    }
                },
                yAxis: {
                    //min: 80,
                    labels: {
                        format: "{0}"
                    }
                },
        });

To: Those familiar with Kendo UI installation,

A VS 2010 application using the Kendo UI ASP.NET MVC trial version controls was created and works ok.  The license for Kendo UI has been purchased and the files have been downloaded and installed.   The trial version CSS and JS files have the same time stamp and file sizes.   

Telerik's installation instructions are:

1.) Download Kendo UI.
2.) Copy Kendo UI CSS and Javascript resources to your project.
3.) Configure your page to use Kendo UI scripts and skins
4.) You are ready to use Kendo UI.

Is there anything that needs to be done to upgrade the Kendo UI trial version to the purchased version?

Thanks for your help

Peter

Please see the JS fiddle here: http://jsfiddle.net/zWjaD/6/
How come the update to the name property is not being reflected on the UI?

I have 2 checkboxes/RadioButtons in a grid, what i want is only one of them can be checked. I followed some sample from other thread to write, but no luck, I am still not able to get value of that check box. This is how I access the checkbox

And this is my grid looks like

Please help me out, I've been stucking on this for quite a while.

Hi ,

I am building a multi-axis chart with data generated from webservice. As a part of the data source, I am grouping data based on a field Category. Here is a sample of the data
Category: Temp, Value: 20
Category:Temp, Value:22
Category:Humidity,Value:45
Category:Humidity:Value:48

I would like to create in the chart two axis one for Temp and other for Humidity. Since the series are created automatically, I would like to know how do I assign Temp Axis to Category 'Temp' and other axis to Category 'Humidity' based on the series name or series array.

Thanks,
Vinayak

While loading the grid, getting Object doesn't support this property or method
please find below for code,

aspx:
   $(document).ready(function () {
                $("#grid").kendoGrid({
                    dataSource: {
                        transport: {
                            read: function (options) {
                                $.ajax({
                                    type: "POST",
                                    url: "Default.aspx/GetEvents",
                                    contentType: "application/json; charset=utf-8",
                                    dataType: "json",
                                    success: function (msg) {
                                        options.success(msg.d);
                                    }
                                });
                            }
                        },
                        schema: {
                                model: {
                                    fields: {
                                        FirstName: { type: "string" },
                                        LastName: { type: "string" },
                                        City: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 10
                    },
                    height: 250,
                    scrollable: true,
                    sortable: true,
                    filterable: true,
                    pageable: true,
                    columns: [
                            {
                                field: "LastName",
                                title: "LastName",
                                width: 100
                            },
                            {
                                field: "FirstName",
                                title: "FirstName",
                                width: 100
                            },
                             {
                                 field: "City",
                                 title: "City",
                                 width: 100
                             },
                            {
                                field: "Age",
                                title: "Age",
                                width: 100
                            }
                        ]
                });
            });


Web method :
 [WebMethod()]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static string GetEvents()
    {
        EventsOrg obj = new EventsOrg { FirstName = "Test", LastName = "11/22/1234", City = "tst", Age = "10" };
        List<EventsOrg> objEvent = new List<EventsOrg>();
        objEvent.Add(obj);
        EventsOrg obj1 = new EventsOrg { FirstName = "Test 1", LastName = "1/12/1993", City = "tst 1", Age = "10" };
        objEvent.Add(obj1);

        JavaScriptSerializer js = new JavaScriptSerializer();
        string strJSON = js.Serialize(objEvent);
        return strJSON;

        //  return new JavaScriptSerializer().Serialize(objEvent);
        // return objEvent;
    }

refrences JS :
  <link href="styles/examples-offline.css" rel="stylesheet" />
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
   <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>
    <script src="js/console.js" type="text/javascript"></script>
    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>

Please help me to identify the error for application

Hi All,

I am using the kendo MVVM much like i've been using knockoutjs for the last 2 years.

I see there are some issues or limitations of the custom bindings when it comes to binding init events to template properties.

So.. can i use this validation framework in an MVVM scenario with templates?

I have a table whose rows are templated.. the items are bound to a collection/Array inside my viewModel. I need validation on inputs inside the rows.

ANY information.. examples.. demos much appreciated.

How can I remove "items per page" Label using PageSizes?

@(Html.Kendo().Grid<Model>(.Name("Grid")
 .Columns(columns =>
 {
  columns.Bound(p => p.DataId).Visible(false);
  columns.Bound(p => p.Data2).Width(200).Title("Data2");
  columns.Bound(p => p.Data3).Width(200).Title("Data3");
  columns.Bound(p => p.Data4).Width(100).Title("Data4");
  columns.Bound(p => p.IsTrue).Width(50)
       .HtmlAttributes(new {style = "text-align:center"})
       .ClientTemplate("<input type='checkbox' disabled='disabled' name='Discontinued' <#= IsTrue? \"checked='checked'\" : \"\" #> ").Title("IsTrue");
 })
 .Pageable(paging => paging
      .Input(false)
      .Numeric(true)
      .Info(false)
      .PreviousNext(true)
      .PageSizes(new int[]{25, 50,100})
      .Refresh(false)
   )
   
 .DataSource(dataBinding => dataBinding.Ajax().PageSize(25).Read("GridData", "Grid", new { someId = Model.SomeId }))
 .Resizable(resize => resize.Columns(true)).Scrollable()

)

I'm trying to bind to a custom transport and get paging to work. Essentially I have a function that retrieves a set of records and places them on a view model as a list. I'm overridding the total count of the grid by retrieving it from a column on the data, like this:

dataSource: new kendo.data.DataSource({
                        data: this.results,
                        schema: {
                            data: function (data) {
                                return data;
                            },
                            total: function(data) {
                                if (data.length > 0) {
                                    return data[0].rowCount;
                                }
                                return 0;
                            },
                            type: "json"
                        }
                    }),

I have two issues, however. First is that when I set the total count, I get "NaN - NaN of 1000 total items" on the grid. Not sure where the NaN is coming from. Second, I need to fetch the next page when the user interacts with the paging control. Again, I'm not pointing the kendo grid to an API end point, I'm fetching that data myself and just binding to a list. Is there a way I can intercept the paging event so that I can load the next page of data and refresh the binding for the grid?