Hi,

I am developing a Kendo UI grid binding to ASP.NET MVC Web API controller.  I have used the DataSourceRequestModelBinder class from the sample Web API Kendo project and the grid is working.  Now I am attempting to add my own wildcard textbox field for filtering/searching the grid.

The following is the JS I have for doing this:

$('body').on("keyup click input", "#txtSearchCarGrid", function() {
var $filter = new Array();
var searchText = $("#txtSearchCarGrid").val();

if (searchText.length > 2) {
$filter.push({ field: "CarName", operator: "contains", value: searchText });
$filter.push({ field: "CustomerName", operator: "contains", value: searchText });

$filter.push({ field: "TankSize", operator: "contains", value: searchText });
$filter.push({ field: "MPG", operator: "contains", value: searchText });
} else {
return false;
}

return $("#CarGrid").data("kendoGrid").dataSource.filter({ logic: "or", filters: $filter });;
});

If I comment out the TankSize and MPG lines the filtering works as expected and I can search across the grid for CarName or CustomerName and the grid data will be filtered.  The error I have having is with the TankSize which on my view model class is a int? field and MPG which is a double? field.  When I include the lines in the js to search for them and start typing 60.0 which I know matches a number of MPG values on the grid data I get an error

An exception of type 'System.ArgumentException' occurred in Kendo.Mvc.dll but was not handled in user codeAdditional information: Provided expression should have string type

How can I fix this so I can search numeric fields across my WebAPI Binded grid in my js function?

Hello,

I use dropdownlist as an editortemplate for my Kendo Grid like this:

columns.Bound(c => c.Test.Text).Width("5%").EditorTemplateName("Test").EditorViewData(new { data= ViewData["data"] }); 

and this is my dropdownlist that is in the editortemplates folder:

@(Html.Kendo().DropDownList()
      .Name("Test")
           .DataTextField("Text")
           .DataValueField("Text")
           .AutoBind(true)
           .DataSource(c =>
               {
                   c.Read(k => k.Action("GetMethod", "Controller", new { data = ViewData["data"] }));
               })
)

that works fine. However, there is a problem about refreshing datasource of this dropdownlist. Because i can not find any way to access dropdownlist and refreshing its datasource. How can i do this?, how can i trigger read action of dropdownlist?

            

So my scenario is that I am using the upload helper to do a 1 file upload of an excel file which is fine and dandy.

Rather than save the file to disk I am reading it into memory and then performing some simple file validation on the server (checking allowed extensions and file size)

Providing these checks pass I then am parsing the excel document into a dataset using NPOI Excel Helper and then finally converting this dataset into a List<T> where T is my viewmodel for this particular excel document.

This all works really well but I am wondering how I can pass back the data to the client and then bind it to say a Grid as the documentation for the async process seems to indicate if it finds anything coming back in the content stream then this is classed as an error. So is my only hope to change this to a sync upload and then let the user wait for this process to finish (It can take up to 10 minutes to process a document with 5K lines of data) or is there a way that I can pull back this List collection and bind it to a kendo grid?

Hello,

I have the following code  using Razor.  I am trying to get the error Event but I am not seeing that method.( Assembly Kendo.Mvc.dll, v2014.1.415.545 - public class SplitterEventBuilder )


  .Content(
                Html.Kendo().Splitter()
                    .Name("horizontal")
                    .Events(events => events
                    .ContentLoad("contentLoaded"))

---------------------------------------------------------------
                                             horizontalPanes.Add()
                            .HtmlAttributes(new { id="treeid" })
                            .Scrollable(true)
                            .Collapsible(false)
                            .Resizable(true)
                            
                            .LoadContentFrom(@"getbyid", "controller", new { documentId = 1}
                            

when the  minimum value is zero, and x-axis type is datetime, the UI element below axis is missing.  here is a repro. http://jsbin.com/cabiqexo/3/edit


(but when the minimum value is negative, or x-axis type is not datetime, ui element can be shown completely in axis. )
Anyone have idea how to show complete elements at x-axis in the above example? 
Thanks!

I have a Kendo Grid with some environments data. One of the fields of the grid is "isDefault" wich recieve 1 or 0 (for true or false). In the database I have a trigger that when some record is set to isDefault = 1 any other record is update to isDefault = 0, just to make sure there is only one default environment.The Kendo grid is working fine, it binds the data and updates the records just fine but after the update, the grid is not refreshing all the records and if there was, lets say, record 1 with isDefault =1 and I update record 4 to isDefault = 1 the trigger is fired and updates all others records to isDefault = 0 but the grid still showing record 1 with isDefault = 1 and now record 4 with isDefault = 1This is the code on my view:


and this is the code on my controller:

Thank you in advance for your answers.

I am developing with Kendo UI Grid with MVC 5.  I am finding that I cannot appear to get the sorting working on my columns - I have read the Thread here - http://www.telerik.com/forums/grid-sorting-filtering---doesn-t-work  but looking at my Bundle configs it looks like I have the correct js files included and looking at the Network in F12 as well it looks like they have been included.  I am using Bootstrap as well in my site - is there possibly something else needed to be included?

Bundle configs are as below:

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js",
                        "~/Scripts/jquery.validate.js",
                        "~/Scripts/jquery.validate.unobtrusive.js"));

 bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                        "~/Scripts/bootstrap.js",
                        "~/Scripts/respond.js"));

 bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                        "~/Scripts/kendo/kendo.all.min.js",
                        "~/Scripts/kendo/kendo.aspnetmvc.min.js"));

In my _Layout.cshtml I have the following in the <head> section

    @Styles.Render("~/Content/css")
    @Styles.Render("~/Content/kendo/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/kendo")

After @RenderBody() in _Layout.cshtml I have the includes for bootstrap

    @Scripts.Render("~/bundles/bootstrap")
    @Scripts.Render("~/bundles/initialize")
    @RenderSection("scripts", required: false)

The folllowing shows the config of my Grid

                    @(Html.Kendo().Grid<Car.Web.Models.CarViewModel>()
                              .Name("CarView")
                              .Columns(columns =>
                              {
                                  columns.Bound(c => c.Name).Width(180);
                                  columns.Bound(c => c.ModelNo).Width(280);
                                  columns.Bound(c => c.Colour).Width(120);
                                  columns.Bound(c => c.FuelType).Width(65);
                              })
                            .HtmlAttributes(new { style = "height: 420px;" })
                            .Scrollable()
                            .Sortable(sortable => sortable
                                .AllowUnsort(true)
                                .SortMode(GridSortMode.MultipleColumn))
                            .Pageable(pageable => pageable
                            .PageSizes(true)
                            .ButtonCount(5))
                            .DataSource(dataSource => dataSource
                            .Ajax()
                            .Read(read => read.Action("GetCarById", "api/Car").Type(HttpVerbs.Post))
                            )
                    )

Note I am using WebAPI controller - the CarController in my API folder looks like below:

        public DataSourceResult Read([DataSourceRequest] DataSourceRequest request)
        {
            //note stubbed data 1 will need to be passed in as id
            return GetCarById(1).ToDataSourceResult(request);
        }

        
        public IEnumerable<CarViewModel> GetCarById(int carId)
        {
            // call to service layer to get data
            var carResponse = _carService.GetCarDataById(carId);
          
            
            // map responses to grid

            return MapCarSelectView(carResponse );
        }

        private static IEnumerable<CarViewModel> MapCarSelectView(IEnumerable<CarResponse> carResponses)
        {
            return carResponses.Select(carResponse => new CarViewModel
            {
                Id = carResponse.Id, CarName = carResponse.Name, CarModelNo = carResponse.ModelNo, Colour = carResponse .Colour, FuelType=            carResponse.FuelType
            }).ToList();
        }

The data is getting returned to the table correctly by neither the Numeric column of ModelNo nor the Alphabetic columns of name/colour/fuel type are not getting sorted when I click the column header?  Is there something missing in my configurtaion?

I have  grid using ajax binding that I edit with a popup editor. When I edit a row I also update the data in rows related to the first.

Is it possible to refresh all of the updated rows without reloading all of the rows?

I've added the updated rows to the list that is returned by the update method but  that doesn't refresh the updated rows.

return Json(itemList.ToDataSourceResult(dsRequest));

If it's not possible what is the best way to parse the the response object returned by the grids datasource RequestEnd method? I would like to read one of the fields in the response.

So I have a grid as per: 



The grid model and the BasicStudentProvisionMapModel are these classes: 


So everything binds correctly to the grid and I can see that the studentlist is populated but when I load up my editor and try to bind the studentlist to the multiselect as per this: 



No matter what I try to do the list of students is getting reset. Now is this due to the default value being set to a new instance of the list type or am I doing something really stupid. 

As I said I know the list is being populated as I have inspected the json being presented to the grid and it shows me with the appropriate data. 

So what am I over looking here. 

If required I can raise a support ticket for this and provide my project code if needed. 

I've spent a couple hours and solved my issue, I think.  If Iframe is true, the Kendo UI Widget is not working as a combobox.  If Iframe is false, it works.  Should I be using Iframe true or false, just not sure why I would care unless a browser does not allow them.  Please explain the difference.

I have a View using the Window and loading content for a partial view and cannot get the ComboBoxFor to show a combobox, it only shows a text box.
I'm showing my View and PartialView below.  Any ideas?  I see in debugger the exact same combobox with a different ID, working perfectly but then the Window is loaded into an iFrame and does not work.
​
//View
@helper NewProspectWorkflowProject()
{
   @(Html.Kendo().Window()
    .Name("window")
    .Width(630)
    .Height(650)
    .Title("Add new project")
    .Content("loading user info...")
    .LoadContentFrom("AddProject", "ProspectWorkflow")

    .Iframe(true)
    .Draggable()
    .Resizable()
)

<span id="undo" class="k-button">Click here to open the window.</span>

<script>
$(document).ready(function() {
$("#undo")
.bind("click", function() {
$("#window").data("kendoWindow").open();
});
});
</script>

}

//PartialView
@{
Layout = null;
}

@model OperationsSite.Models.ProspectWorkflowProject

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary(true)

    <fieldset>
       <legend>ProspectWorkflowProject2</legend>

       <div class="editor-label">
               @Html.LabelFor(model => model.projectID)
       </div>
        <div>
              @(Html.Kendo().ComboBoxFor(model => model.projectID)
                          .Name("client_name_dropdown2")
                          .HtmlAttributes(new { style = "width:250px", id = "client_name_dropdown2" })
                          .SelectedIndex(0)
                          .Suggest(true)
                          .Filter("contains")
                          .AutoBind(false)
                          .DataTextField("DisplayValue")
                          .DataValueField("Value")
                           .DataSource(source =>        
                           {
                                source.Read(read =>
                                {
                                     read.Action("GetClientNames", "ComboBox");
                                })
                               .ServerFiltering(true);
                             })
                    )
            @Html.ValidationMessageFor(model => model.projectID)
    </div>

Thank you,

Russ