Hi,

We are using the Kendo Grid in our application where we have an issue on loading of the Forms which have grids on them. The grid almost takes 2.5 seconds to load and there are max 4 columns, out of which only 1 is a drop down, rest are numeric or some other controls so even loading a blank grid takes about 2.5 seconds. There are few points I am looking for help here

1. The JS file is almost 3 MB so does it slows down the application (since its loaded on Client first time only and then cached)

2. Do all the class libraries in the JS are loaded and used to make it heavier. Is there a way I can just have the JS file of Kendo Grid UI to use for my app and check on performance.

3. I tried setting virtulzation flag to false however still the performance is pooe.

Kindly help.

Best Regards

Varun Sharma

varun.y.sharma@gmail.com

I have a grid that resembles this: 

However, the columns are actually dynamic.  The whole thing is created as a string and is passed as a variable from ASP.  It would look this:

So far all this works.

The problem I am now having is that I need the command column to use a kendo template.  

Normally I would just include a template and include a kenodo.template() command in columns area.  Something like...

... but of course I cannot hardcode the columns.  So I need to somehow use the template in lieu of  { "command": ["edit", "destroy"] , "title": "   " } but the template is using javascript so I cannot do a JSON.parse() if I just swap that in the javascript variable.

What approach should I take to add the kendo.template() dynamically?  Is there a way to add it to the columns *after* the fact?  Or is there a better way to implement this concept?

Hello Kiril,

I created this new thread per your request.

Here is my problem. I have a pageable grid with filter and dropdown. It works fine until options are saved and restored from SessionStorage. The reason I use SessionStorage, because my grid has a link to another web page. When user comes back, I need to know what last grid page was active. So, grid script has reference to function:
{ field: "ProductName", title: "Product",
           filterable: { ui: grid_Filter, messages: { filter: "Search", info: ""} }
          }

But this function (grid_Filter) is missing in string that returned by getOptions() :
"field":"ProductName","title":"Product","filterable":{"messages":{"filter":"Search","info":""}}

Here is example: http://dojo.telerik.com/AQAVO

When you click on filter sign, you can see dropdown with data. If you click “Save and Restore” button and then click on filter sign again, dropdown is gone.
Is it a bug? I am looking for a work around how to set filter after setOptions.

Thank you.

Hi,

I have a requirement to make a map that will show bubbles (circles) at geographic locations. The size of the circle will be driven by a numeric value. And the color will be based on another value. I can get a bubble map with circles based on a numeric value, but I'm not able to see where I can set the color of individual circles.

Thanks!

I have a Kendo grid which need a dropdown in some fields, i have used editor template for that (http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/editor-templates), everything is working fine, but when i select a value the grid shows the id of the dropdown element insted of its text value.

This is my partial view of the template

@(Html.Kendo().DropDownList()
        .Name("ClasificacionId")
        .DataValueField("Value")
        .DataTextField("Text")
        .BindTo((System.Collections.IEnumerable)ViewBag.ClasificacionId)
)

This is how i'm passing the list value to the view

 ViewBag.ClasificacionId = new SelectList(db.ClasificacionMercancia, "ClasificacionId", "Descripcion");

and this is how the row its defined in the kendo grid with razor sintax

.Columns(columns =>
                                       {                                          
                                           columns.Bound(o => o.ClasificacionId).Width(120).ClientTemplate("#= ClasificacionId #<input type='hidden' name='Fracion[#= index(data) #].ClasificacionId' value='#= ClasificacionId #'/>");

I was trying to figure out how to find the JavaScript code that executes when running in the Telerik Dojo so that I could set a breakpoint in Google Chrome and step through the code. I tried looking through the sources, but I couldn't find where the code was located to set the breakpoint.

 Does anyone know how to do this?

 Thanks.

I am trying to create a Kendo stacked Bar chart. I am receiving the following data from the server. I then group it by carrier. I want to display a stacked bar chart for each month of data with all carriers stacked in a single bar. Below I have included sample data I am receiving from the server using an Angular service along with my chart options for the Kendo directive.

Below are my chart options. I am wanting to display the data in the count column which does not seem to be working.

When I try to display my data there is nothing in the chart. What am I missing?

Hi experts, I am getting my JSon represnationof my filter in kendo grid. Now what I am looking for I need to apply that filtering in the server so I can get coorect data and return it to the grid . The problem is the filter string is too much complicated and I could represent it to sql statement. how I can do that please help me?

my JSON filter text as below:

{"logic":"and","filters":[{"logic":"or","filters":[{"field":"name","operator":"contains","value":"ji"},{"field":"name","operator":"contains","value":"james"}]},{"logic":"or","filters":[{"field":"price","operator":"contains","value":"ali"},{"field":"price","operator":"eq","value":"aaa"}]},{"logic":"and","filters":[{"field":"labor","operator":"eq","value":"staff"},{"field":"labor","operator":"endswith","value":"ss"}

I am using jsp and java as my programming language , so is there any function or method could convert the filter expression to sql or not.

thanks in advance

Hi,

When trying google's list view (https://material.angularjs.org/latest/demo/virtualRepeat) it feels very smooth and responsive.

It feels like the scroll speed is determined by the swipe speed. (when swiping fast the scroll moves very  fast).

Is there any way to control the scroll speed  when user scroll down (or up) by swiping,

Currently when there are lots of items it takes a lot of time to scroll to the bottom of the list (as opposed to googles list)

Thx

Sagi

Problem:

During creating a pdf previewer for an application, kendo MVVM approach has presented a problem with rebinding embed/iframe/object elements. When the layout gets placed and values are bound the embed element calls the binded src value twice (one gets canceled, the other gets displayed). In chrome this behavior  starts with first bind of the layout, while in ie11, this happens after binding the layout for the second time.

In case when working with views the requests are compounded and go up for additional request (first time twice, third time four times, then six...)

Is there a way to bypass that or do we have to approach it with a completely different angle?

For easier understanding of the problem I pasted sample code. In case my problem didn't come quite across: To see what I'm talking about check chrome developer tools (F12) and go to Network tab. Then click the Show pdf text  a couple of times.

Javascript:

Html: