Hi!

According to this demo
http://demos.telerik.com/kendo-ui/gantt/index
the calendar for the start time and end time starts the week with sunday.
How can I change these calendars to start with Monday?

Best regards,
Hans

Hi,

I'm not sure, whether it is a feature or a bug, but in our app this behavior is not awaited - the in the Q3 Beta introduced getGridOptions function does return the $angular variable and this leads to "Converting circular structure to JSON" error when trying to stringify it. The workaround using delete x.$angular is simple, but you might not want to output it using this API.

Best Regards,
Dominik

Hi,

I'm having a hard time making the DropDownListEditor work in a grid. I have seen other posts, but they don't seem to help. What am I missing?

   [{"name":"eth0"},
    {"name":"eth1"},
    {"name":"eth2"},
    {"name":"eth3"},
    {"name":"eth4"}]


      $(document).ready(function () {
                var crudServiceBaseUrl = "http://127.0.0.1:8000/dhcp_client",
                    dataSource = new kendo.data.DataSource({
                        transport: {
                            read:  {
                                url: crudServiceBaseUrl + "/server_load",
                                dataType: "json"
                            },
                            update: {
                                url: crudServiceBaseUrl + "/server_update",
                                dataType: "json",
                                type: "POST"
                            },
                            destroy: {
                                url: crudServiceBaseUrl + "/server_delete",
                                dataType: "json",
                                type: "POST"
                            },
                            create: {
                                url: crudServiceBaseUrl + "/server_add",
                                dataType: "json",
                                type: "POST"
                            },
                            parameterMap: function(options, operation) {
                                if (operation !== "read" && options.models) {
                                    return {models: kendo.stringify(options.models)};
                                }
                                return true;
                            }
                        },
                        batch: true,
                        pageSize: 20,
                        schema: {
                            model: {
                                id: "id",
                                fields: {
                                    nic: { field: "name", defaultValue: "eth0" },
                                    rangestart: { validation: { required: true } },
                                    rangeend: { validation: { required: true } },
                                    gateway: { validation: { required: true } },
                                    dns1: { validation: { required: true } },
                                    dns2: { validation: { required: true } },
                                    domain: { validation: { required: true } },
                                    leasetime: { validation: { required: true } }
                                }
                            }
                        }
                    });
               

                $("#tabstrip").kendoTabStrip({
                    animation: false // {
                   //     open: {
                   //         effects: "fadeIn"
                   //     }
                   // }
                });
               
                $("#grid").kendoGrid({
                    dataSource: dataSource,
                    columnMenu: true,
                    sortable: true,
                    height: 200,
                    width: 500,
                    toolbar: ["create"],
                    columns: [
                        { field: "nic", title: "Interface", width: "80px", editor: nicDropDownEditor},
                        { field: "rangestart", title: "Range Start", width: 105 },
                        { field: "rangeend", title: "Range End", width: 105 },
                        { field: "gateway", title: "Gateway", width: 105 },
                        { field: "dns1", title: "DNS1", width: 105 },
                        { field: "dns2", title: "DNS2", width: 105 },
                        { field: "domain", title: "Domain", width: 105 },
                        { field: "leasetime", title: "Lease Time", width: 105 },
                        { command: ["edit", "destroy"], title: " ", width: 160 }],
                    editable: "inline",
                    scrollable: "true"
                });
                   
            });
            function nicDropDownEditor(container, options) {
                    var input = $("<input/>");
                    input.attr("nic", options.field);
                    input.appendTo(container);
                    input.kendoDropDownList ({
                            autoBind: false,
                            dataTextField: "name",
                            dataSource: {
                                transport: {
                                    read: "http://127.0.0.1/dhcp_client/interfaces_load",
                                    type: "GET",
                                    dataType: "json"
                                }
                            }
                        });
                }
  Thanks,
-G

Hi,
I want to add a scrollbar to the splitButton list, so that if the list is long it can be scrolled down. Something like in scrollbar_wanted.PNG.

Here is the link to my JSFiddle ->
http://jsfiddle.net/devna_sahai/kzvojrbw/3/

Could anyone please guide as to what I should be doing.

If splitButton does not support it, what Kendo list should I use to get the desired?

Thanks for your help in advance.

Hi,

 We have a case where we have applied the css style of 'position: fixed' on thead element of the grid. We have given the grid header columns as certain widths. Now when we try to resize the column, resize handle doesn't appear - we change its top position and then it appears. But still the column resize event doesn't fire.
 We can't use the grid's locked property as we don't want scroll bar on the grid, but it should be on the page.

 Could you please let me know where is the issue. 

Thanks a lot.

Hi Sir/Mam,
I am working on kindoTreeview but not able apply to incasesensetive filtering in kindoTreeView.
please help me.

Thanks in advance.

 Thanks with regards,
 Ajay k.

I have a view with a data-model="App.models.artifacts" view model for artifacts.html that handles capturing and getting photos. I'm using requirejs to include kendo for the datasource.

/**
* artifacts data-model
*/
define([
    'kendo',
    'app/api'],
    function (kendo, api) {

        var viewModel = kendo.observable({

            dataSource: new kendo.data.DataSource({
                transport: {
                    read: function (options) {
                        api.getArtifactsForCurrentUser()
                        .done(function (data) {
                            options.success(data);
                        });
                    }
                }
            }),

            onUploadImage: function (e) {
                getPhoto(pictureSource.SAVEDPHOTOALBUM);
            },
            onCaptureImage: function (e) {
                capturePhoto();
            },
            onCaptureVideo: function (e) {
                captureVideo();
            },
            onCaptureAudio: function (e) {
                captureAudio();
            },

            uploadSuccess: function (e) {
                viewModel.dataSource.read();
                App.views.artifacts.refreshList();
            }

        });

at first tried creating the getPhoto method within the view model class, but it always performs a capture rather than a getPicture.  After hours of pulling my hair out as to why this was, and playing with the cordova camera sample, I finally got it running correctly by placing the getPhoto function in a separate jscript file that didn't have the kendo reference in it. I changed nothing about the call, except moving it.


/* camera.js */
.....
  function getPhoto(source) {
    // Retrieve image file location from specified source
    navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50,
        destinationType: destinationType.FILE_URI,
        sourceType: source
    });
}   
.....

Why doesn't the call within the view model work correctly?

Hi,

 We use server side paging/sorting for grid and do not use datasource transport methods but make server calls to bind data ourselves. Now when user clicks sort, data source change event is fired, there we check if sort options have changed. If yes, we get the sorted data and when data is returned from server, we bind the data to the grid. This again calls datasource change event. 
 Can you please tell us if this is expected, or we are missing anything here.

Thanks a lot.

I want to display multiple charts side by side in 250x250 pixel squares.  What do I need to set for this? 

Hi all,

I am trying to add custom template for the nested grid, please, take a look on the my code:

next example works pretty nice:

@*FIRST GRID*@
@(Html.Kendo().Grid<MyAmazingModel>()
        .Name("FirstGrid")
        .DataSource(dataSource => dataSource
                    .Ajax()
                    .PageSize(someValue)
                    .ServerOperation(true)
                    .Read(read => read.Action("ControllerAction", "ControllerName", new { Area = "AreaName" }).Data("method"))
                 )
        .Columns(columns =>
        {
            columns.Bound(x => x.MyProperty);
        })
        .Sortable()
        .Scrollable(x => x.Height("auto"))
        .Resizable(x => x.Columns(true))
        .Navigatable()
        .ClientDetailTemplateId("first-nested-grid")
      )

@*SECOND GRID*@
<script id="first-nested-grid" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<MyAmazingModel2>()
          .Name("SecondGrid_#=ID#")
          .DataSource(dataSource => dataSource
              .Ajax()
              .ServerOperation(true)
              .Read(read => read.Action("ControllerAction2", "ControllerName", new { Area = "AreaName" }).Data("method"))
          )
          .Columns(columns =>
          {
              columns.Bound(x => x.MyProperty);
          })
          .Sortable()
          .Scrollable(x => x.Height("auto"))
          .Resizable(x => x.Columns(true))
          .Navigatable()
          .ClientDetailTemplateId("second-nested-grid")
          .ToClientTemplate()
          )
</script>

@*THIRD GRID*@
<script id="second-nested-grid" type="text/kendo-tmpl">    
    @(Html.Kendo().Grid<MyAmazingModel3>()
          .Name("ThirdGrid_#=ID#")
          .DataSource(dataSource => dataSource
              .Ajax()
              .ServerOperation(true)
              .Read(read => read.Action("ControllerAction3", "ControllerName", new { Area = "AreaName" }).Data("method")))
                  .Columns(columns =>
                  {
                      columns.Bound(x => x.MyProperty);              
                  })
          .Resizable(x => x.Columns(true))
          .Navigatable()
          .ToClientTemplate()
          )          
</script>

But.... if I add template for the last-level grid, I cannot read data from the properties of "MyAmazingModel3" model inside template of "ThirdGrid
"... it sounds odd, but inside "ThirdGrid" i see data from "SecondGrid".

Probably i skipped something in the documentation or i have to pass model from parent grid to child one?

Please advise.

Thanks in advance!