Does anyone have any examples of using Protractor with Kendo controls? 

Examples of how to select an item in a Kendo Dropdownlist.
Enter text in to Kendo text input
etc

Hi I need to use a multiselect control in inline edit of a treelist object.

I've not found anythings usefull in forum about that, but there is somethings about the same request in grid control.

 

At this link there is a usefull documentation but when I use it in my treelist control, it doesn't works.

 

Cannot read property 'toLowerCase' of undefined
If edit in dojo the example linked above, and changing the definition of grid in kendoTreeList, appear this error.
Is the same I get in my project.

 

e.slice is not a function
Removing the definition as kendo.data.DataSource to the dataSource object, it "resolve" the first problem, and TreeList data are rendered correctly, but there are no items in multiselect column selector, cause this new error.

Thanks

Hi,

How can I specify different series color for a Line chart in ASP.NET MVC using Razor?  I'm binding to grouped data and the color is in a field of the model.

Thanks,
Ronald

Hi,

I have following code:

 

But my #employee AutoComplete still no data

Thank you

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