We have a grid that has approximately 116 columns. Currently we are using kGrid.reorderColumn to change the position of columns. Here is some issues with this method.

For example here is list of columns

1,2,3,4,5,6,7,8,9,10.....116

if I change position from 3 to 10. I have to run reoder 6 times since reoder call only shifts the columns. Now the problem with this rerorder call is, it has performance issues. The larger the gap of the reorder is the slower it gets, for example if I change col3 to col116. It becomes very slow, UI comes back in around 50 secs to 1 min and user thinks that the application is locked and not working.

Now the question is, is there alternative to reorder, in other words is there a method call that exchanges the column position rather than reordering. that way we don't have to call reoder that many times. We will just exchange the position of the columns and be done with it.

I am not sure if there is a way to do that. Please let us know. We would appreciate your feedback.

Thanks,

Iqbal

I found docs about build all , but the gulpfils.js not handle it.

 

I'm trying the Kendo grid for the first time and am having a problem loading the data from a query done in PHP. My PHP query returns a data set in JSON format and I've confirmed that it's returning the correct data. But the grid comes up empty, and there's no error message. If I run the query from the PHP file, save the JSON to a file and use that file instead as the "transport/read" parameter of the data source, then the grid is populated correctly.  Is there some setting I need when reading from a PHP script instead of from a data file? Here is my code.

$(document).ready(function() {

    DataSource1 = new kendo.data.DataSource({
      transport: {
        //read: "comfit.php?proc=get_customers",  // This results in an empty grid
        read: 'customers.json',  // This is the same JSON as returned by the PHP, but it displays correctly
        type: 'get',
        dataType: 'json'
      },
      schema: {
        model: {
          fields: {
            full_name: { type: "string" },
            company: { type: "string" },
            id_no: { type: "string" }
          }
       }
      },
      pageSize: 20,
      serverPaging: true,
      serverFiltering: true,
      serverSorting: true
    }),
    $("#grid").kendoGrid({
        dataSource: DataSource1,
        height: 550,
        filterable: true,
        sortable: true,
        pageable: false,
        columns: [
          {
            field: "full_name",
            title: "Name"
          }, {
            field: "company",
            title: "Company"
            }, {
            field: "id_no",
            title: "ID #"
            }
        ]
    });
    //DataSource1.read();
  });

Hi!

I get Uncaught TypeError: Cannot read properties of undefined (reading 'bbox') when i want to save pie and donut as pdf in jQuery but all other charts works fine what can the problem be?

 Untitled | Kendo UI Dojo (telerik.com)

Regards Sanjin

Hi!

I get Uncaught TypeError: Cannot read properties of undefined (reading 'bbox') when i want to save pie and donut as pdf in javascript but all other charts works fine what can the problem be?

Regards Sanjin

I have a pager control that needs to show the pageSize drop-down. On the initial load of the page, the drop-down is not shown, but any resize events, even towards making the page narrower result in the drop-down to be shown.

Here is how the pager control is defined:

$("#pager").kendoPager({
            dataSource: vm.DataSource,
            pageSizes: [5, 10, 20, 50, 100]
        }).data("kendoPager");

and here is how it looks when the page loads:

and here is how it looks if I resize page in any way, even towards making the page narrower:

My question is why the Page Size drop-down is not visible when the page first loads?

Thanks

I had a case the other day when multiple spinners on the NumericTextBox would have been great for user input.

I.e. first spinner with step: 1, second spinner with step: 10 and third spinner with step: 100

I imagine a setup something like this:

spinners: {
  min: 0,
  max: 1000
  first: { step: 1 },
  second: { step: 10 },   
  third: { step: 100 },  
}

I have a timepicker which holds time values in the format of HH:mm. What I want to achieve is to filter the values while typing, so if I type 11 in the field, I have only the following options - 11:00 and 11:30.

Is there a way to achieve this?

Hello,

=> We have a solution that has multiple editors.
=> The editors have paste rules that are dynamic in nature,  editors can be added dynamically as well.
=> We implemented a common custom paste cleanup callback.
=> In this method, we need the reference to the editor where the paste was done, so that we can read the properties of the editor and determine what to keep in the pasted content.

There does not seem to be a way to find out which editor triggered the pasteCleanup callback,  the "this" variable has pasteCleanup settings and not the editor itself.

Is there a way to get a reference to the editor in question? We are using the focus/keydown events to keep track of active editors, however we might miss something somewhere, and would like the pasteCleanup callback itself to tell us what editor it has been called from.

This is reproducible on the demo site.  When inline editing is used, the toolbar drag handle can be dragged outside of the boundaries of the browser, which then prevents it from being moved back into frame.  Is there some way to prevent this from happening?  Once the toolbar is dragged out of range, the only way to get it back is to refresh the page.