Hello,

there is bug in ToDataSourceResult method, namely internal FirstSortableProperty method. The FirstSortableProperty method is called when passed DataSourceRequest has no Sorts list. It uses reflection to select first property of queryable entity.

If your entity class has a "calculated" readonly property that is not mapped to the database entity, the FirstSortableProperty method might select it so the LINQ query fails. It supposed to select public instance properties with getters and setters only.

I want to present a data element as a tool tip in a grid that has limited space. The data would be a property of the object the grid already displays. This particular property is not displayed due to limited space. I've looked through all the examples I can find. None of them look like what I'm trying to accomplish.

Ideally the user would hover over a row or a cell on a given row and the tooltip would be displayed. In this case the data would indicate whether or not a warehouse item had been picked up or not.

If this is possible, do you have an example in Razor format? This will be implemented in a .cshtml view in MVC4.

Thanks for your help with this!

Hi guys, basically i have mvc kendo ui application. where i have two kendo ui datetimepicker wrappers. What i want to do is on pageload of the grid i would like to flag boolean variable with "true". if true value means its on pageload. So based on the true value i do something like this on the date filters below...

if its not pageload it will not filter data based on the ten days back date

im passing parametes like these below...

Please help guys, Im stuck

I would like to provide drag and drop between a Grid and a Listview (a message is dragged from

the grid of messages into a folder in a listview).

Is this possible with Telerik ASP.NET MVC ? Or do I need to do it with Javascript?

I have an MVC Grid with Popup edit mode for adding records. Once popup is opened and Update is pressed - I want to save the record and prevent popup window from being automatically closed. After that in popup window when I select some different values and press Update again - I want a new row to be added.

I was able to prevent Popup from being auto-closed and on Update press current record is saved and a new one is created but it isn't reflected in the underlying table. On first picture Update button is pressed (update_clicked.jpg). On second picture I've changed the file name to "test2" and pressed Update again thus creating a new record with "File" set to "test2". The problem is that this isn't reflected in the underlying table - there's only one row there. After I refreshed the page (last picture) - it shows both rows and this is how it should be.

I think I need to refresh the dataSource to update the underlying table markup but if I call $("#gridBreakDowns").data("kendoGrid").dataSource.read() - Popup window is closed and table is refreshed but I want is to prevent the Popup being closed with the table refreshed instead.

This is done to add records more quickly while preserving the values in other fields since they're repeated most of the time.

This is what I've got:

@(Html.Kendo().Grid(Model.ManualJobItems)
 .Name("gridBreakDowns")
 .ToolBar(toolbar => toolbar.Create().Text("Create"))
 .Columns(columns =>
 {
 columns.Bound(p => p.ItemID).Hidden(true);
 columns.Bound(p => p.ParentID).Hidden(true);
 columns.Bound(p => p.Country).Title("Country");
 columns.Bound(p => p.FileName).Title("File");
 columns.Bound(p => p.Format).Title("Format");
 columns.Bound(p => p.Quantity).Title("Quantity");
 columns.Bound(p => p.Service).Title("Service");
 columns.Bound(p => p.Method).Title("Service Level");
 columns.Bound(p => p.ItemWeight).Title("Item Weight");
 columns.Bound(p => p.TotalWeight).Title("Total Weight");
 columns.Bound(p => p.DespatchStatusString).Title("Status");
 columns.Command(c => { c.Destroy(); }).Width(100);
 })
 .Events(events => events.Edit("onGridEdit").Save("onGridSave"))
 .Editable(editable => editable
 .Mode(GridEditMode.PopUp)
 .TemplateName("CreateManualJobItem")
 .AdditionalViewData(new { Model.ClientCode }))
 .DataSource(dataSource => dataSource
 .Ajax()
 .Events(events => events.Error("onerror_handler"))
 .Create(create => create.Action("UpdateItem", "ManualJob"))
 .Read(read => read.Action("ReadItem", "ManualJob", new { jid = Model.JobID }))
 .Update(update => update.Action("UpdateItem", "ManualJob"))
 .Destroy(destroy => destroy.Action("DestroyItem", "ManualJob"))
 .Model(model =>
 {
 model.Id(p => p.ItemID);
 model.Field(p => p.ParentID).DefaultValue(Model.JobID);
 model.Field(p => p.FileName).DefaultValue("");
 model.Field(p => p.ServiceID).DefaultValue(Guid.Empty);
 model.Field(p => p.CountryCode).DefaultValue("");
 model.Field(p => p.Country).DefaultValue("");
 model.Field(p => p.Format).DefaultValue("please select...");
 model.Field(p => p.Method).DefaultValue("");
 model.Field(p => p.Quantity).DefaultValue(0);
 model.Field(p => p.ItemWeight);
 model.Field(p => p.TotalWeight);
 })
))

<script type="text/javascript">
var _PreventWindowClose = false;

function onGridEdit() {
var window = this.editable.element.data("kendoWindow");
window.bind("close", onWindowEditMemberClose);
}

function onGridSave() {
_PreventWindowClose = true;
}

var onWindowEditMemberClose = function(e) {
if (_PreventWindowClose) {

//$("#gridBreakDowns").data("kendoGrid").dataSource.read();
e.preventDefault();
}
_PreventWindowClose = false;
};
</script>

Hello,

I am a newbie with Kendo grid and I would like to have two grids on a page whose data  have a 1:n relation to each other.

Selecting a record in the first grid should display the corresponding records in the second grid. In my case, the data come from two tables in an sql database.

Is there a simple example that demonstrates the setup for such a case?

Thanks for your help.

Reards,

Manu

Good Day,

Open Spreadsheet Demo -> Basic Usage.

Select from H1:H10.
Press CTRL+C

Select I:1

Press CTRL+V

Result: null, null, null, null...

Tested on IE11 and latest version of Firefox with same results.

Best Regards

Hi 

I am trying to Cascade a Multi select from a drop down list and am having issues getting the value of the dropdown list to pass into the controller.

My Drop down code is: 

    <h4 style="margin-top: 2em;">Sub Sub Category:</h4>
    @(Html.Kendo().DropDownList()
          .Name("category3")
          .OptionLabel("Select Sub Sub Category")
          .DataTextField("Description")
          .DataValueField("Id")
          .DataSource(source =>
          {
              source.Read(read => { read.Action("GetCategory3", "CampaignSimple").Data("filterCategory3"); }).ServerFiltering(true);
          })
          .Enable(false)
          .AutoBind(false)
          .CascadeFrom("category2")
          .Events(e => e.Select("select"))
         

 )
    <script>
        function filterCategory3() {
            
            return {
                category2: $("#category2").val()
            };
        }
    </script>

And my MultiSelect code is:

    <h4 style="margin-top: 2em;">Ad Group</h4>
    @(Html.Kendo().MultiSelect()
          .Name("adgroup")
          .Placeholder("Select AdGroup")
          .DataTextField("Description")
          .DataValueField("Id")
          .DataSource(source =>
          {
              source.Read(read => { read.Action("GetAdGroups", "CampaignSimple").Data("filterAdGroups"); }).ServerFiltering(true);
          })
          .AutoBind(false)
          .Enable(false)

          )

    <script type="text/javascript">

        function filterAdGroups() {
 
        return {
            category3: $("#category3").val()
        };
    }

    function select(e) {
        var dropdownlist = $("#category3").data("kendoDropDownList");
        dropdownlist.select(e.item.index());

        var multiselect = $("#adgroup").data("kendoMultiSelect");
        multiselect.dataSource.read();
        multiselect.enable(true);
    };
    </script>

When I select an item from the drop down list it does go into the the controller method but the parameter is always null.

Any ideas?

Thanks in advanced