Hi there,

I am abusing the popover for a menu-like view. So I have my popover which has a listview with some menu entries. Now I'd like to navigate to a different view when clicking an entry. It works, but the new view is loaded INSIDE the popover. Instead I want it to load in the "PARENT" view. How can I achieve that?
This is how the hierarchy looks like:

i validate the the text box entry by checking the data existence in database . I write a json validation function in custom validation area   .. and return proper data and  validation also work . But it not show validation message when i first time escape the textbox ,It show wthen i click in text box 2nd time and escape again.. Please find put the reason and help me to do remote validation.

jQUERY
-----------
<script language="javascript" type="text/javascript">
    var b1 = new Boolean(1);
    var b2 = new Boolean(1);
var R_rank=null;
$(document).ready(function () {

    //Culture Declaration for Date Validation
    kendo.culture("en-GB");

    //KendoUi Validation

    var validatable = $("#ApplicationNo").kendoValidator({
        onfocusout: false,
        onkeyup: false,
        rules: {
            ApplicationNo: function (input) {
                $.post("/Home/CheckAppNo", { ApplicationNo: $("#ApplicationNo").val() }, function (data) { b1 = data; })
                return b1;
            }

        },

        messages: {
            ApplicationNo: "Already Exist"
        }
    }).data("kendoValidator");

    var validatable = $("#ReferredBy").kendoValidator({
        onfocusout: false,
        onkeyup: false,
        rules: {
            //ApplicationNo: function (input) { return CheckApplicationNo(); }input.val() === "2";
            ReferredBy: function (input) {
                $.post("/Home/ReferrerDetails", { InternalCode: $("#ReferredBy").val() }, function (data) {
                    R_rank = data.R_rank;
                    if (R_rank == null) { b2 = false; }
                    else { b2 = true; }
                })
                return b2;

            }
        },

        messages: {
            ReferredBy: "This is not a valid code "

        }
    }).data("kendoValidator");


    //KendoUi Validation in submit button click
    var validatable = $(".k-content").kendoValidator().data("kendoValidator");


    $("#SubmitAgent").click(function () {
        if (validatable.validate()) {

        }
        else {
            //alert("Check The Data.");
            e.preventDefault();
        }
    });


    function CheckApplicationNo(input1) {
        return {
            b1: $.post("/Home/CheckAppNo", { ApplicationNo: $(input1).val() }, function (data) { return data; })

        }
    }




});

</script>


CSHTML
---------------

 <tr>
                                    <td class="EditlableTD">
                                        @Html.LabelFor(model => model.BranchCode)
                                    </td>
                                    <td class="EditTextBoxTD">
                                  
                                        @(Html.Kendo().DropDownList()
                    .Name("BranchCode")
                    .OptionLabel("Select Branch...")
                    .DataTextField("BranchName")
                    .DataValueField("ID")
                    //.BindTo(ViewBag.Branch)
                    .DataSource(source =>
                    {
                        source.Read(read =>
                            {
                                read.Action("ShowBranch", "Home");

                            });
                    })
                    )
                                       @* @Html.ValidationMessageFor(model => model.BranchCode)*@
                                        @* <span style="color:Red">Name</span>*@
                                        
                                    </td>
                                </tr>
                                <tr>
                                    <td class="EditlableTD">
                                        @Html.LabelFor(model => model.ReferredBy)
                                    </td>
                                    <td class="EditTextBoxTD">
                                        <input type="text" id="ReferredBy" name="ReferredBy" class="k-textbox"  />
                                        <span id="R_name" style="color: red">
            </span><span id="R_rank" style="color: red"></span><input type="hidden" id="R_Ranks" name="R_Ranks" />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="EditlableTD">
                                        Rank
                                    </td>
                                    <td class="EditTextBoxTD">
                                    <script>

                       function filterRank() {
                           return {
                               R_Ranks: $("#R_Ranks").val()
                              };
                       }
                    
                    </script>  
                      @(Html.Kendo().DropDownList()
                                      .Name("Rank")
                                      .OptionLabel("Select Rank...")
                                      .DataTextField("Rk_Name")
                                      .DataValueField("Rk_InternalCode")
                                      .DataSource(source =>
                                      {
                                          source.Read(read =>
                                          {
                                              read.Action("ShowSelectedRank", "Home")
                                                 .Data("filterRank");
                                          })
                                          .ServerFiltering(true);
                                      })
                                        .Enable(true)
                                        
                                        .AutoBind(false)
                                        //.CascadeFrom("BranchCode")
                                        .HtmlAttributes(new {style="width:200px;" })
                                        

                       )
                    
                                 
                                        @* <span style="color:Red">Name</span>*@
                                    </td>
                                </tr>
                                <tr>
                                    <td class="EditlableTD">
                                        @Html.LabelFor(model => model.ApplicationNo)
                                    </td>
                                    <td class="EditTextBoxTD">
                                      
                                        <input id="ApplicationNo" name="ApplicationNo" class="k-textbox"  />
                                    
                                    </td>
                                </tr>

I'm curious if there is a way to see the final generated URL the datasource transport uses when there are filters in place.

We have tests around using this grid and interacting with the WCF Data Service and we'd like the URL to be a verification point.  

December 18th has a data-value of 18-11-12 instead of 18-12-12, why is that?

This is odd behavior. I'm not quite sure what it is I'm doing wrong, as I've reproduced the example contained within the Kendo UI MVC distribution package. I have two combo boxes. The second combo box cascades from the first. The controller action that populates the second combo box does fire, the expected query parameter taken from the value of the first combo box is passed to it, and the browser does receive the expected JSON returned from the controller. However, the second combo box remains empty. Here is my code:

Controller:

View:

The JSON returned by the GetUnits(string) controller action to the browser is:

Thank you for any assistance you can provide.

UPDATE

If I change the second UI control from a ComboBox to a DropDownList, it renders the options as expected. Any reason why the ComboBox does not get populated and render the data it receives?

Hello,

I am binding the grid with auto generated columns. and now I want to handle the row selected event.could anyone help on this.  please find my view below

@{Html.Kendo().Grid(Model)

        .Name("GridSam")
        .DataSource(dataSource => dataSource
            .Server()
                     .PageSize(20)

                )

        .Columns(c =>
        {
            c.AutoGenerate(column =>
            {
                //customize autogenereted column's settings                                                   
                column.Width = "150px";

            });
        })

          .Resizable(resizing => resizing.Columns(true))
          .Scrollable(scrolling => scrolling.Enabled(true).Height(600))
          .Sortable(sorting => sorting.Enabled(true))
          .Groupable(grouping => grouping.Enabled(true))
          .Filterable(filtering => filtering.Enabled(true))
          .Reorderable(reorder => reorder.Columns(true))
          .Pageable(Pageable => Pageable.Enabled(true).PreviousNext(true).Input(true).PageSizes(true))

          .Render();
                }

Regards,
Ravi.

Hello I have a problem displaying the grid. My code is not working properly after you run the page is not displayed correctly. You can look at the pictures.

Is my code



Is code generate kendo

Hi,

I'm able to perform column level grouping over the datasource with the below syntax.



But the output I require is ln this format.

------------------------------
Type                Name
------------------------------
Fruits               Apple
                        Banana
                        Grapes
Vegetables      Carrot
                        Tomato
                        Brinjal

Could you please suggest in how do I proceed further? Is a grid required in the first place or should I use a list view?

Thanks in advance..

Hi,

I am using kendo ui grid. In that grid i am having 4 values which are coming from database. But all the values are initially in the 
display mode. But i want to put all the records in the grid to edit mode. And when i save the changes from the tool bar 
the saved record should also be in the edit mode. Hope you understand my question

Is it possible using kendo ui. Please provide me an example or sample.

Thanks and Regards,
Srinivas

I am getting the following error when binding my Model to a Kendo Grid.

A circular reference was detected while serializing an object of type [my type]

What is strange is that the type of the object that is causing the circular reference is not the same as the type of object of the Model for this page... ie:

@model IEnumerable<Models.Type>
Is not the same type that is causing this error. What could be the problem?