Lets say I have a ViewModel (pseudo code):

MyViewModel​: ObservableObject {

    myItems: ObservableArray<MyItemViewModel> 
}

MyItemViewModel: ObservableObject {

    myFunction: function() {

        // Some code here...

    }

}

Then, if I make an instance of MyViewModel the dataSource of Kendo Grid, what would the syntax for mapping each row's custom command to myFunction be? I can (as in examples) map to inline function that will then find nearest tr and it's dataItem, then call the function - but I would rather like it (if possible) to map it directly to the function of each row's ViewModel... Any ideas?

 

Thanks in advance.

I am trying to use the ListView edit mode with AngularJS.  In the code snippet below, everything works with the exception of Cancel.  Add, Edit, Delete, and Update are all fine.  Cancel, however does not.  When you hit cancel it accepts the current value in the edit box rather than revering it back to what it was before the edit.

 

How would I setup a map to handle double clicks? I want to allow users to recenter/zoom on double-click.

This is a strange problem. I have a grid (code below) that contains a templated column for a drop-down control.  Whenever I run the site via an ip address I get the error.  However, when I access the site with a proper domain (eg, rep.ngkflocal.com), it functions fine. 

For instance, when accessed via the following URL: http://72.73.307.275/Plan/Edit/1342
The following error occurs: Uncaught ReferenceError: CapitalExpenditureType is not defined 

However, when accessed like this via my local IIS web app: http://reppublish.ngkflocal.com/Plan/Edit/1342
I do not get the error, adding the row works fine. 

Both point to the same files. Any ideas? 

My Grid code follows: 

  @(Html.Kendo().Grid<Rep.Models.CapitalExpenditureViewModel>()

                                      .Name("CEGrid")
                                      .Columns(columns =>
                                      {
                                          columns.Bound(c => c.Description);
                                          columns.Bound(c => c.CapitalExpenditureType).ClientTemplate("#=CapitalExpenditureType.Value#").Width(250);
                                          columns.Bound(c => c.Amount);
                                          columns.Bound(c => c.DateCostEstimated).Format("{0:dd/MM/yyyy}");
                                          columns.Command(command => { command.Edit(); command.Destroy(); }).Width(172);
                                      })
                                      .HtmlAttributes(new { style = "height: 400px;" })
                                      .ToolBar(toolbar => toolbar.Create())
                                      .Editable(editable => editable.Mode(GridEditMode.InLine))
                                      .Sortable()
                                      .Scrollable()
                                      .Resizable(resize => resize.Columns(true))
                                      .Pageable(pageable => pageable
                                          .Refresh(true)
                                          .PageSizes(true)
                                          .ButtonCount(5))
                                      .DataSource(datasource => datasource
                                          .Ajax()
                                          .Model(model =>
                                          {
                                              model.Id(p => p.CapitalExpenditureId);
                                              model.Field(p => p.CapitalExpenditureType).DefaultValue(
                                                  ViewData["defaultcapitalExpenditure"] as Rep.Common.LookupItem);
                                          })
                                          .Create(update => update.Action("CapitalExpenditures_Create", "Plan", new { Id = Model.PlanId }))
                                          .Read(read => read.Action("CapitalExpenditures_Read", "Plan", new { PlanId = Model.PlanId }))
                                          .Update(update => update.Action("CapitalExpenditures_Update", "Plan"))
                                          .Destroy(update => update.Action("CapitalExpenditures_Delete", "Plan"))
                                          .PageSize(50)
                                      )
                                      )

Hi, I am trying to create a cascading MultiSelect, but I can't seem to get it right.

I have the following two multiselects and the piece of javascript that refreshes the data. I get the value of #MultiSelect1, but it never passes through to the Action2 Json method, the parameter  is ALWAYS null?

 

Controller:

What am I missing? I have tried playing around with the object type of idList string[] etc.

 Thank you.

Hello. I am trying to bind a an object with an array of objects to a kendo.data.DataSource. The array of objects will be for a dropdownlist and everything else outside of the array will be for other fields on the form. Is there a way to do this? I know that if I just had an array of objects I could easily bind the dropdownlist to that DataSource, but is it possible to do it with an object with a list (array) of objects? Below is my code.

 

HTML MARKUP

Hi there,

I'm trying to setup some custom filter types on my grid (using server filtering) to show only Blank or Non-blank rows.  Add add the custom filters to the columns and see my new items in the dropdown.  So far so good.  However, when I select either of those and then don't type anything in the text boxes the FilterMenu's _merge() function removes them from the filter as there is no value in the text box.  Is there any way I can currently get around this without modifying the _merge() to not remove filters with my new types if the filter text is empty?  Or is there any other way to accomplish this type of filter?

Thanks,
Matt

Here's my current column filterable setup in case it helps:

Hi, I have a grid that I recently upgraded from old Telerik MVC Extensions.

before, the user could select, copy and paste to excel and the styles were keep in Excel.

 Now, I'm adding a button to Export to Excel, but styling is not exported.

 Is there a way to do that?

 

.DataSource(ds => ds.Ajax().Read(read => read.Action("ReadNumber", "QueryNumbers").Data("getFilter")) ​

and this is my javascript for changing styles:

Also, I'm not sure if this is the best way to change styles.

Hello ,

What is the best practice to attach event handler on the column header of Grid.
I have found following way.
$("th[role='columnheader']"), function () {
    // logic
});

Please suggest the data binding way to attach the event handler on the Grid column header.

Best Regards,
Nilesh Padbidri​

I have a DropDownList bound to an array that has fields for firstName and lastName.  I would like the display text to be firstName + " " + lastName.  How would I go about doing this?  I am not sure it supports templates and it seems data-text-field can only be set to one field.