When I clicked Add or Edit button of Grid, it is centered correctly in computer.  When it is in IPAD, the popup will go to the top right corner.  I guess it could be bootstrap or accordion container of my settings.  Is there a way I can tell the popup of Add window to show in the middle or on top left corner?

Thanks.

I have seen the demo where you are using SignalR and entity framework to bind to a Kendo scheduler. I have tried using this but have all sorts of problems.

1. I am using a Edit Template with Kendo drop downs (the data for the drop downs are in Resources section but don't bind - I raised this as a separate question.
2. I have a number of extra fields in my model. When I click to edit only the standard fields Title, Start End are bound all others have no data

Is there a way to use Linq rather than EF as I'm more familiar with this?

This is my schedular initialisation code...

Hi,

I am using Aurelia with Kendo UI. I tried the context menu. I am having problems in calling a function from the select. It is unable to locate that method.

Can you please help?

Hi,

I wanted to change the way to choose foreColor and backColor using the kendoColorPicker.

The default way use kendoColorPallet.

I can't find anything on internet.

Can you help ?

Hi,

Initially i had Grid with CRUD operations working properly and after adding sortable now sortable is working fine but CRUD  is not working

if i remove sortable crud is working fine. I need to make both working where am i making mistake

$(document).ready(function () {
                    function dataSource_change(e) {
                      var data = this.data();
                      console.log(data.length); // displays "77"
                    }
                    var dataSource = new kendo.data.DataSource({
                       //pageSize: 20,
                      transport:{
                          read:{
                            url: function() {
                              return "/makes"},
                            dataType: "json",
                            cache: false
                          },
                          update: {
                            url: function (make) {
                            console.log(make)
                            
                            return  "/makes/"+ make.models[0].id
                            },
                            type: "PUT",
                            dataType: "json",
                            beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token',jQuery('meta[name="csrf-token"]').attr("content")); }
                          },
                          destroy: {
                              url: function (make) {
                                return  "/makes/"+ make.models[0].id
                              },
                              type: "DELETE",
                              dataType: "json"
                          },
                          create: {
                              url: "/makes",
                              type: "POST",
                              dataType: "json"
                          },
                          parameterMap: function (options, operation) {
                          if (operation !== "read"  && options.models) {
                            console.log(options)
                            return{"make": options.models[0]};
                          }
                          else{
                            return {"make":options};
                            }
                          }
                      },
                      batch: true,
                       schema: {
                           model: {
                             id: "id",
                             fields: {
                                id: { editable: false, nullable: true },
                                name: { validation: { required: true } },
                             }
                           }
                       }
                    });
                    dataSource.bind("change", dataSource_change);
                    dataSource.fetch();

                    var grid = $("#grid").kendoGrid({
                        dataSource: dataSource,
                        pageable: false,
                        height: 550,
                        toolbar: [{name: "create", text: "Add New Make"}],
                        columns: [
                            { field:"name",title:"Makes" },                                      
                            { command: ["edit", "destroy"], title: "Action", width: "250px" }],
                        editable: "inline"
                    }).data("kendoGrid");
                    grid.table.kendoSortable({
                        filter: ">tbody >tr",
                        hint: $.noop,
                        cursor: "move",
                        placeholder: function(element) {
                            return element.clone().addClass("k-state-hover").css("opacity", 0.65);
                        },
                        container: "#grid tbody",
                        change: function(e) {
                            console.log(grid)
                            var skip = grid.dataSource.skip(),
                                oldIndex = e.oldIndex + skip,
                                newIndex = e.newIndex + skip,
                                data = grid.dataSource.data(),
                                dataItem = grid.dataSource.getByUid(e.item.data("uid"));
                            var updated_order = []
                            $('tbody tr').each(function(i){
                              updated_order.push({ name: $(this).children('td:first').text(), position: i+1 });
                            });
                            controller_name = $('#controller_name').val();
                            $.ajax({
                              type: "PUT",
                              url: '/sort',
                              data: { order: updated_order, controller_name: controller_name }
                            });

                            grid.dataSource.remove(dataItem);
                            grid.dataSource.insert(e.newIndex, dataItem);
                        }
                    });

                });

Hi,

I'm trying to pass in DataSourceRequest instance to a web api method (POST), and can't find the model binder for it.

Here's my scenario in short:

1) Kendo Grid uses MVC controller action to get the data, and DataSourceRequest is binded ok.

2) In turn, the MVC action needs to call a web api url (using post), and include the DataSourceRequest as content (json format)

I checked this article: http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/web-api-server-operations

But it only discusses the GET request, and when grid is directly calling web api.

Is there a json model binder for DataSourceRequest, for web api?

hello there

is there a way to convert a normal kendo DataSource to a HierarchicalDataSource

I´m trying to create a function that gets all the child elements from the datasource but it´s hard when there is grouping involved in the datasource

or do you have some kind of function that gets all the lowest child nodes that are in the normal datasource

best regards from Iceland

Is there a way to use a contains filter on a grid column that is using the 'values' lookup attribute? I've noticed with filterable:true option that it does not include a contains option by default. I have a column defined in the columns section of grid options:

{ field: "sampleId", title: "Sample Item", width:165, values: sampleListLookup },

Later a filter as:

filter.push({
           logic: 'or',
           filters:[
{ field: 'sampleId', operator: 'contains', value: $scope.filters.searchString },

However, when I try this is give an error in the Int stored in the column instead of filtering on string values that match the Id key. The logic works very well for string columns, just not the string look-ups above.

Looking for ideas on a work around or is it going to end up being a server side query? Perhaps filtering the lookup lists and passing in the resulting list to the filter?

<ul data-template="itemtemplate" data-bind="source: Data">

<script id="itemtemplate" type="text/x-kendo-template">
  <li>
    <div>
      <label data-bind="text: Description">
      </label>
    </div>
  </li>
</script>