Hi
I am busy doing a POC to figure out if Kendo Web Grid will fulfill all our requirements for a grid. I am currently stuck with server side grouping. 
Please can I ask for some clarity on how to handle the response from the server for grouping.
The grid is not grouped by default, but they can choose to group by any of the columns..one or more..so the response needs to know this as well.
We are using the HTML/Js version of the grid with Ruby on Rails. 

Our data is created from a backend query that is formatted into json. 

eg: of our response with no grouping :
{"items":[{"countries":{"name":"South Africa","iso_alpha_2":"ZA","iso_alpha_3":"ZAF"}},...

The grid is initialized like this
  dataGrid.kendoGrid({
           dataSource: data_source,
           groupable: true,
           sortable: true,
           pageable: {
              refresh: true
           },
           columns:  [
              #{columns_json}
           ]
        });
and our Datasource like this:
     data_source = new kendo.data.DataSource({
           transport: {
                read:  {
                    url: "#{data_table.url}",
                    dataType: "json"
                },
                parameterMap: function (options, operation) {
                    return options;
                }
           },
           batch: true,
           pageSize: 10,
           serverGrouping: true,
           serverPaging: true,
           schema: {
                data: function(response){
                   if (response.items) {
                      return response.items;
                  } else return null;
                },
                total: function (response) {
                   if (response.items)
                       return response.total_count;
                   else
                       return 0;
                }
           }
        });

How must the server response be formatted if a person has grouped by a column? I am assuming the response format is different if it is grouped compared to if it isn't...how can that scenario be easily handled as well?

I hope I am clear in my request.

Is it possible to use the treeList filter programmatically ? 

For example , let's say I have a treeList with a searchBox, once the user tap something in the searchBox , I programmatically apply the filter using directly the "contains" option and show the result to the user.

Hi Support.

The Search panel is a great new feature (https://demos.telerik.com/kendo-ui/grid/search-panel).

Will it work together with the toolbar template?

Best regards

Morten

 

 

 

Hi Team,

I'm using clustered Kendo bar chart. We are filtering the data based on year (external dropdown). I've tried with all your suggested links but unable to figure out what I'm missing on it. JS file attached for your reference and aspx code snippet mentioned below. Can you please help with it?

aspx

 

<form runat="server">
        <section class="content">
           <div class="box">
                <div class="box-body">
                    <div>
                        <h4 class="box-title" id="ctlTitle">Open Tickets Summary and Graph</h4>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-group" id="lblCategory">Year</label>
                            <select id="ddlYear" class="form-control">
                                <option>2020</option>
                                <option>2019</option>
                                <option>2018</option>
                                <option>2017</option>
                                <option>2016</option>
                            </select>
                        </div>
                    </div>

                </div>
            </div>
            <div>
                <div class="box">
                    <div class="box-body">
                        <div>
                            <div id="OTicketSummaryGraph"></div>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-body">
                        <%--<div>
                            <div id="chartdiv" style="height: 300px; width: 100%;"></div>
                        </div>--%>
                        <div class="demo-section k-content wide">
                            <div id="chart"></div>
                        </div>

                    </div>
                </div>
                <script src="Scripts/TSPortal/OTicketSummary.js"></script>
            </div>
        </section>
    </form>

 

I try resize , refresh and redraw but chart width is still same.

When i click left menu a left menu hide and kendo div show from 70% to 100% but when div 100% show then kendo width is still 70% and once i toggle to 70% kendo cut right side on 70% width

my code structure 

 

Html

<div>

<div class="slider"><a class="showhide" href="#">Click Width increase and decrease </a></div>

<div class="kendo-chart-half"">

<div id="kendo-chart">

chart show

</div>

</div>

</div>

 

css 

.slider {width:30%: float:left}

.kendo-chart-half{width: 70%: float:left}

.kendo-chart-full{width: 100%: float:left}

Jquery 

$(document).on('click', '.showhide', function () {
    $('#verticalTabCol , .hiddenSlideVariable').toggle(200);
    $('.kendo-chart-half').toggleClass("kendo-chart-full", 200);
    $('#kendo-chart').data('kendoChart').resize();
    $('#kendo-chart').data('kendoChart').refresh();

    $('#kendo-chart').data('kendoChart').redraw();
});

I'm continously upgrading kendoui in a project. Currently, I'm using v2020.2.715.

I noticed the grid.pager had the "page number" dropdown when grid.pager.responsive is set to true (see screenshot).

Didn't the grid.pager.responsive = true use to hide the "page number" dropdown?

Best regards

Morten

 

I've looked around and seen many examples about how to edit records within a grid via an external form, and I've got that all up and running without incident.

but I also need to allow users to add new records to this grid as well.  can this be accomplished?  I don't want to use popup or inline editing when creating new records, and then have a different mechanism for editing existing records since this will be confusing.

 

using inline editing as an example, sort of works, in that, I can click create, a new row is created, I then click that row, and the external edit form will let me update some fields, but not all (https://dojo.telerik.com/eYUfiRuZ) and this solution is far from ideal, unless I can get the newly created row to be the default selection when the create button is selected.

 

Any thoughts?

 

In the examples, a virtual path is used to the ~/Content folder. How can I remove all traces of this? The override on ContentPath can't return a real path or an error is thrown. I don't want any virtual paths at all. Only actual paths.

The reason for this is that I don't feel the images should reside in the application folder inetpub/wwwroot/MYAPP. Because if I republish MYAPP I am worried about content being replaced. Additionally it requires security right changes for the IIS_USR to this folder.

What I really want is to use a real path, even to a separate drive like d:\myapp\images\screen\username\. MyApp is the name of the application, screen is the name of the page hosing this specific editor, and username is the session user.

Hello.

I have a Combobox widget that loads a ton of data using paging. Each element of the combobox has a DisplayName and an Id property.

The DisplayName propery is displayed on the input (UI) as an element is selected, the ID is the value that we use on our application's logic.

The problem starts when I select a value that it's not in the first page and the save the data. When we open the widget again, the ID value is displayed on the UI until I scroll to through the combobox elements and it loads the selected value.

I'm guessing that the id property it's being displayed there because it's the only property saved by us and the DisplayName is not loaded yet.

 

Is there any way to get the selected element using the saved Id ?

I watched a demo on using Kendo UI for PDF export at http://www.telerik.com/campaigns/kendo-ui/devchat-jul18

The demo showed very good rendering of the page contents and then of a grid (using the toolbar item).  Alas, they did not show a combined export where a page contains many elements including a grid.

I am aware of the pageTemplate, but we need to export the page header, text, selections of drop lists, etc. along all rows in the grid.  We do this now with another tool that has very good fidelity but poor performance, especially on Azure where we were required to create a separate service for it (see attached).

We also use Telerik Reporting, so I know you have a great PDF engine.  My question is, is there a solution to rendering the page HTML and all of the grid?

Best,
Scott