Hi All,

Will kendo controls be supported in Metro UI? In our current project, we are going to use kendo controls in Metro UI. For sample purpose, I have created Metro UI with 3 kendo controls like kendo upload, kendo dropdown and kendo listview. But kendo controls are not properly rendering in Metro UI. For your reference, I am adding the screenshot of it. Immediate help would be appreciated.

Regards,
Partha.

I'm trying to create a drag/drop order-able list built on KendoUI and I am running into trouble determining the position of the draggable object in relation to other objects in the list

How would you determine the following:

• The Draggable's position relative to its container?
• The position of a DropTarget relative to the same container

Hello All,

I am working with the New Kendo UI Web Controls and so far they have been fairly easy to integrate into my existing application. I know Kendo UI is new and there are a bunch of things in the works but I was curious if there was a way to make a custom command.


My Grid Golumns are set up as follows

columns: [                        
                        { field: "subcatid", width: 90, title: "Subcatagory" },
                        { field: "title", width: 90, title: "Title" },
                        { field: "order", width: 90, title: "Order" },
                        { field: "author", width: 90, title: "author" },
                        { field: "lastupdate", width: 90, title: "Last Update" },
                        { field: "usecms", width: 90, title: "Use Update" },
                        { field: "alturl", width: 90, title: "Alt URL" },
                        { field: "active", width: 90, title: "Active" },                                    
                        { command: ["edit", "destroy", "View"], title: "&nbsp", width: 90 }
        ],

Doing this creates a new Button with the Commands called "View" I would like this button to redirect to a page when clicked. I am using the following bits of JQuery to call the function, however I would much rather add a class descriptor to this button that is unique to View Commands to replace the selector with $('.k-grid-view') Is there an easy way to do this?

$('td .k-button:last').live('click', function ()
{       
        var itemToView;
        var grid = $("#grid").data("kendoGrid");
        var gridData = grid._data;
        var uid = $(this).parent().parent().attr('data-uid');

        $(gridData).each(function () {
            var item = this;

            if (item.uid == uid.toString())
                itemToView = this;
        });

        window.location.replace(itemToView.view);
    });

ps view is not a column but exists in the model

Thanks

- Josh

Hi, 

I was trying to create data grid, One column is Dropdownlist.  I want  to pass the dynamic  datasource from the Model. where Model is List<object>  . But the ForeignKey cloumn accepts only SelectList as second parameter. But I want  to make this dynamic i.e model.

See Below)

Current Functionality :

  columns.ForeignKey(s => s.FaceId, SelectList)

I need like   columns.ForeignKey(s => s.FaceId, x => x.FacesList)

Please suggest me to achieve this  functionality.

Thanks
Reddy

Using Ajax as the data source for a KendoUI Grid on a MVC4 application.  I have no problem updating the data automatically every few seconds using "dataSource.read()".  Is it possible for that update to happen without the grid showing the "spinning" icon that indicates that it is fetching data?  I would like the updates to happen seemlessly.  (The grid is read only.)

I would appreciate any thoughts or to point me in the right direction.

Thanks,
Steve

Hi there...

I have a strongly typed partial view that utilizes attribute based validations on the view model properties. In addition to the data annotation validation I need to make an asynchronous call to the web server to validate some info on the fly. If the response is false (indicating an incorrect value) I just want to display the "validation bubble" that informs the user of an incorrect entry. The true/false value is coming back correctly from the server but it is not raising the validation bubble if false.

<div id="datatovalidate">
    <div class="float-left editor-label">
        @Html.LabelFor(model => model.ProductCode)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.ProductCode, new { @class = "k-textbox" })
    </div>
    <div class="clear"></div>
</div>

$('#datatovalidate').kendoValidator({
        rules: {
            InvalidProdCode: function (input) {
                var isValid = true;

                if (input.is('[id=ProductCode]')) {
                    $productCode.val($productCode.val().toUpperCase());

                    if ($isPidx.prop('checked')) {
                        $.post('@UrlMaker.ToValidateProductCode()' + $productCode.val(), function (data) {
                            isValid = data;
                        });
                    }
                }

                return isValid;
            }
        },
        messages: {
            InvalidProdCode: "Invalid Product Code"
        }
    });

I'm trying to use kendo mvvm to solve the following problem: I have 3 dropdown lists, and I need that the option selected in one dropdown doesn't appear in the other two.
I got that working, but if you start changing options in the dropdowns sometimes the displayed value in one of the dropdowns changes without any reason. For example, if I select "grapes" in the first dropdown, and then I start playing with the dropdown 2 (change it to mango, then apple, then mango and so on) the dropdown 1 display changes from "grapes" to something else (even though the value in the view model is still "grapes").

I prepared a jsbin with my code http://jsbin.com/ebuhaq/1/edit

I am trying to set up a call using the datasource control in a html page, based on the following:

http://docs.kendoui.com/api/framework/datasource#transportcreatedata-objectstringfunction

Below is my js function call, and what I am trying to so is pass the customer header called "key" with the value to my restful service, and not sure if I am doing this correctly or not, I am assuming not as I am not seeing this value in my service. So any help you can give on this would be appreciated. Thanks.

I am trying to make a line chart where the categoryAxis has a baseUnit of "month".

The data is an array of objects

[0].price = 34
[0].priceDate = javascriptDate

The data bind and the chart is there but it looks like a bunch of points with none of them connected by a line. OR depending on the data, some points are connected.


$("#previewChart").kendoChart({
                theme: "blueOpal",
                title: {
                    text: customDataViewModel.CustomDataName
                },
                legend: {
                    visible:false
                },
                chartArea: {
                    width: 680,
                    height:380
                },
                plotArea: {
                    margin: { bottom: 10, right: 100}
                },               
                dataSource: wth,
                series: [{
                    type:"line",
                    field: "price"
                }],
                categoryAxis: {
                    type: "date",
                    field: "priceDate",
                    baseUnit: "month",
                    labels: {
                        format: "MMM/yy",
                        title:"",
                        rotation:-90
                    }
                },
                valueAxis: {
                    
                },
                tooltip: {
                    visible: true,
                    template: "Price: #= value #<br/>Date: #= kendo.toString(category, 'MMM/yyyy') #"
                }
            });                        
        });      

I need every point to show and for them to be connected by a line.

hi guys
Had problems when I try to filter a date column type.

Project code attached and this is the video error http://www.screencast.com/t/UggvI7Ji

thank you very much