<div id="grid"></div>


<script>
    $(document).ready(function () {
        dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: '@Url.Action("GetCityList", "City")',
                    dataType: "json",
                    type: "GET",
                    contentType: "application/json; charset=utf-8"
                },
                create: {
                url: '@Url.Action("create", "City")',
                type: "Post"
            },
                parameterMap: function (data, operation) {
                    if (operation != "read") {
                        var result = {};

                        for (var i = 0; i < data.models.length; i++) {
                            var ciudad = data.models[i];

                            for (var member in ciudad) {
                                result["ciudades[" + i + "]." + member] =                        ciudad[member];
                            }
                        }
                        return result;
                    }
                }


            },
            batch: true,
            pageSize: 30,
            schema: {
                model: {
                    id: "id",
                    fields: {
                        id: { editable: false, nullable: true },
                        descripcion: { validation: { required: true} },
                        DepartamentName: { field: "DepartamentName" },
                    }
                }
            }
        });

        $("#grid").kendoGrid({
            dataSource: dataSource,
            navigatable: true,
            pageable: true,
            height: 400,
            toolbar: ["create", "save", "cancel"],
            columns: [
                "descripcion",
            { field: "DepartamentName", title: "Name Departament", editor: categoryDropDownEditor, width: 150 }, 
                { command: "destroy", title: "&nbsp;", width: 110}],
            editable: true
        });
    });

</script>

<script>

    function categoryDropDownEditor(container, options) {

        $('<input data-text-field="name" data-value-field="name"  data-bind="value:' + options.field + '"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            autoBind: false,
                            dataSource: {
                                type: "json",
                                transport: {
                                    read: {
                                        url: '@Url.Action("GetDepartament", "city")
                                            }
                                }
                            }
                        });
    }
            </script>

it show me ok but my problem is that when It hit to my action create it give me the name of the departament not the id

and when i change my function this part to this

 $('<input data-text-field="name" data-value-field="name"  data-bind="value:' + options.field + '"/>')

 $('<input data-text-field="name" data-value-field="id"  data-bind="value:' + options.field + '"/>')

with it show me fine in my action I get the id but in my grid when I choose in my dropdown a departament in the grid it show me the id (so is no the behavior I want)

how can I do to work this? I guees is in the bind part..

Hi,
I have this error for days, i'm find out how to fix this in this forum and still does not get it fix.
I have two grid in same page, each bind with datasouce and have a command button in the toolbar for add a record.

When i click at 'Add fee/cost' it work fine but then when i click at 'Add Loan' a error occured.
I dont know how to fix this, any one please me.

try
http://jsfiddle.net/mBYxS/7/ 

In love with Kendo UI but not with refresh which does not fire.
We tried different methods without success
Inside an ascx UserControl this is our code:

    <div style="width:1100px;margin:40px 0 100px 0;text-align:center">
        <input id="comboboxWarrantyClients" style="width:200px" />
        <br /><br />
        <div id="button">Refresh the autocomplete !</div>
    </div>
  <script type="text/javascript">
    var kendoAutoCompleteWC = null;
    $(document).ready(function () {
      kendoAutoCompleteWC = $("#comboboxWarrantyClients").kendoAutoComplete({
        dataTextField: "FullName",
        dataValueField: "ID",
        dataSource: [{"ID":1,"FullName":"John"}],
        filter: "contains",
        placeholder: "Select"
      });
    });
    $('#button').click(function () {
      kendoAutoCompleteWC.dataSource = [{"ID":1,"FullName":"John"},{"ID":2,"FullName":"Nathalie"}];
      kendoAutoCompleteWC.refresh();
    });

Can someone has the trick to make it work, please ?
In this case, we get an error "kendoAutoCompleteWC.refresh(); is not a function..."
Thanks so much by advance...
Jean Yves

Hello,

I have downloaded a trial version on the latest kendo mobile release and found out that my

background-color: transparent;
background: rgba(0,0,0,0.4);

 is not working. It does work on my computer browser but not on ipad browsers.

Can anyone help? badly needed. thanks.

I am putting together a mobile app and it seems the display has about a 1 to 1.5 second delay in the styling. Everything seems to have to snap in to place.

When you first load a page containing a few views the browser/mobile browser will display some HTML controls before they are styled.  It looks very strange.  Is there a way to prevent displaying anything on the page until everything has been styled? Or maybe display a loading animation until everything is styled in the background and then show the page?

I have experienced this same type of behavior using the Telerik ASP.Net controls for Ajax with the RadFormDecorator.

I have a  Kendo Grid inside of a partial view, I can get the data that I need to, however when I page through the data it 1) Pages to a new page or 2) nothing shows even though my firebug shows the json that was passed back. Is it possible to page though a grid using a partial view in MVC? if so what do I need to do to make that happen?

Hi Kendo Team,

Well, after having built out a pretty good set of functionality with jQuery templates and the .Net rendering engine (http://nuget.org/packages/jquery-tmpl.net), I'm now looking for something that won't be pulled out from under my feet.  jQuery templates being cancelled is just bad, but it's great for Kendo!  

I and probably many others are looking to replace our jQuery template code since that project has been axed. 

My question though is... do you plan on offering a .Net rendering solution for your template framework?  It looks pretty similar to jQuery templates so it could even be possible to take the jQueryTmpl .net open source code renderer and to modify it?  If so, do you have a time frame for this?  For me, I'd love server-side rendering in .Net, php, and Ruby in that order of preference.

This has been pretty critical for us, because although the client-side is amazing, and as painful as it is to serve things up server-side we've build client-side, for SEO it's a huge issue still.

I have tried everything! I am doing a load on demand scenario. Every time it loads the results, every selection says UNDEFINED. Here is the code:


//HERE IS THE MODEL

    public class TscmisModel
    {
        public SelectList LoadOnDemandList { get; set; }
    }

//THIS IS A PARTIAL
@model USARAFSyncMVC.Areas.Event.Models.TscmisModel

@(Html.Kendo()
      .ComboBox()
      .HtmlAttributes(new { style = "width: 900px" })
      .Name("cbTscmis")
      .Filter(FilterType.StartsWith)
      .MinLength(3)
      .Suggest(true)
      .DataTextField("Text")
      .DataValueField("Value")
      .HighlightFirst(true)
      .BindTo(Model.LoadOnDemandList)
      .DataSource(source =>
      {
          source.Read(read =>
          {
              read.Action("_LoadTscmisData", "Event", new { area = "Event" });
          }).ServerFiltering(true);
      }))




//THIS IS THE SERVER METHOD
        public ActionResult _LoadTscmisData(string text)
        {
            TscmisModel model = new TscmisModel();
            if (!string.IsNullOrEmpty(text))
            {
                model.LoadOnDemandList = miscRepository.LoadTscmisData(text);
                return PartialView("TscmisPartial", model);
            }
            model.LoadOnDemandList = new SelectList(new List<SelectListItem>());
            return PartialView("TscmisPartial", model);
        }

Hi, from webpage, I knew that Kendo UI support automatic layout system. But why is my app in iPad does not rotate when I rotate my iPad? Do I missing something here? Thanks for any help

Hey guys, 

I'm wondering whether its possible to have one request to the server to get all my data, then display different grids based on seperate filters for each grid?

My problem at the moment is that each grid creates a new data source & therefore a new query to the server, even though the query returns all the data each time. 

I've come across dataSource:cache:"inmemory" but this doesn't seem to help. It's as though I need to create clones of the DataSource after it's returned from the server and modify the filter for each copy.


Any suggestions would be appreciated
Thanks
J