Questions on Kendo UI for jQuery Forum

1 answer

98 views

Hi,

Is there some kind of a guide that explains how to work with fixed / relative sizes in mobile development ?

I Have seen this documentation http://docs.telerik.com/kendo-ui/controls/hybrid/how-to/relative-content-size-using-flexboxes

But i'm lucking some information about how to define a size of an element (is it by px , should I always use em units) , same about font size ect.

It would be great if you can direct me to some guide or give a short explaination about the BKM's on mobile development lyout & sizing.

Thx

Sagi

General Discussions

answered on 15 Apr 2016

1 answer

212 views

[Solved] drop down list Error "0x800a138f - JavaScript runtime error: Unable to get property 'CD_PLANT' of undefined or null reference"

In my grid I use the popup editing with a drop down list, when i edit an existing row i don't have any problem, but when i want to add a new row andi click on a value of the drop down list i get this error:

"0x800a138f - JavaScript runtime error: Unable to get property 'CD_PLANT' of undefined or null reference"

This is the template for the popup:

<div class="k-edit-label" >
<label for="CD_PLANT" style="font-weight:normal">
plant
</label>
</div>
<div data-container-for="CD_PLANT" class="k-edit-field" >
<input kendo-drop-down-list k-data-source="lineCtrl.Plants"
k-data-value-field="'CD_PLANT'"
k-data-text-field="'DS_PLANT'"
data-bind="value: PLANT.CD_PLANT"/>

</div>

</script>

What is the problem? How can i solve it?

Grid

answered on 15 Apr 2016

2 answers

796 views

data-value-update="keyup"

I'm required to support both of the following requests for a location search UI:

1. Bind and update state (required, enabled, etc) after each key press.

2. Do the same after right-click+paste.

Does the response to this thread still apply today? http://www.telerik.com/forums/model-is-not-updated-when-text-is-inserted-by-mouse-paste-bug

Is there a way to get these working with a single data-value-update setting, rather than resorting to jquery events for each field?

Also, I can't find any documentation on what values are supported for data-value-update. Are there any other options?

Thanks!

MVVM

answered on 14 Apr 2016

3 answers

346 views

Issues with Kendo Spreadsheet

So far these are the issues/limitations I've come across:

1) Merging cells with formulas causes them to disappear (Big Bug)

2) Named Cells (Aliases) don't exist like in Excel (Limitation)

3) Changing row height causes bizarre effect where active row no longer lines up with row number (Bug)

4) Can not hide worksheet or create readonly cells (Limitation)

5) Scrolling causes borders to disappear (Bug)

Spreadsheet

answered on 14 Apr 2016

1 answer

491 views

Excel export not working on Microsoft edge

I'm having trouble with export to Excel functionality of KendoGrid. When trying to run saveAsExcel my application crashes when trying to export the grid data to an Excel and closes Edge.
This is my code:
var grid:any = $(this.element).data("kendoGrid");
grid.saveAsExcel();
And the kendoGrid configuration:
excel: {
allPages: true,
filterable: true,
fileName: this.application.appId + '.xlsx'
},
Anyone has the same problem?

Grid

answered on 14 Apr 2016

2 answers

110 views

To many items ?

Hi,

i' am trying to create a autocomplete widget with many items (10.000). When i type in i recieved to many items and the hight of the autocomplete is not recognized.

and items appear out of the box. How can i solve this. I have no chace to reduce the data by the server via server filtering - it's not a really fast database..

Second question: The are two request made to the web service - why ?

My code is here:

01.guimodule.artikelautocomplete = (function () {

02.

03.

04. var dsArtikel = new kendo.data.DataSource({

05.

06. type: "json",

07. pageSize: 20,

08. transport: {

09. read: {

10. url: "http://xxx.xx.xx.xx/DataService/json/artikel/select_for_autocomplete.pvx",

11. type: "post",

12. dataType: "json"

13. }

14. }

15. });

16.

17. var artikelac = $("#artikelautocomplete").kendoAutoComplete({

18. template: "<table><tr><td>"+

19. "# var bez = data.b.split('|')##: data.n #</td><td>#: bez[0] #</td><tr>"+

20.

21. "<tr><td></td><td>#:bez[1]#</td></tr>"+

22. "</table>",

23. dataSource: dsArtikel,

24. height: 600,

25.

26. filter: "contains",

27. highlightFirst: true,

28. dataTextField: "b"

29. }).data("kendoAutoComplete");

30.

31. //

32. artikelac.list.width(400);

33.

34.

35.

36.

37.console.log("Artikelautocomplete was initialized");

38.

39.return {}

40.

41.

42.}());

Thanks in advance,

Dirk

AutoComplete

answered on 14 Apr 2016

3 answers

111 views

Grouping

HI,

1. My First Clarification

I need to group concatenation of two hidden columns. Say for example - My Columns are 1. FirstName 2. LastName.

But I want to group by Cancatenation of EmpId - Dep (Example : Group BY: 1 - HR)

2. Second Clarification

Always I want to show the grouping columns with " No records found" message for individual group.

Ex : 1 - HR

No records found

2 - IT

FirstName LastName

Palanisamy N

. Please find the attached screenshot for further reference.

Grid

answered on 14 Apr 2016

5 answers

222 views

Problem with date format

I have the following date picker:

The dateFormat is set to "dd-MMM-yyyy". When I display the value of {{incident.dateOfIncident}} it is showing as:

"2016-03-09T05:00:00.000Z"

but the date picker is blank. Why? and how do I get it to display the date in the dateFormat?

I have read on a different post about parseFormats but I cant seem to get it to work. If I am in fact supposed to use parseFormats what format would I use?

DatePicker

answered on 14 Apr 2016

3 answers

302 views

Collapsing or expanding panel causes page jump to top on mobile devices

I have a Panelbar on a website I'm developing, with a large number of panels (dynamic, but it can be up to 12); most of these panels contains Kendo Grids, but some contain just text. On mobile devices, I've found that expanding or collapsing a panel that contains a Grid, will cause the page to jump to the top. Since the panels are a bit further down the page, we're finding this to be really annoying. It does not happen on a desktop screen though, even if I shrink the window down to about a mobile size (it does happen when I use Chrome's mobile emulation setting, however). Is there a way that I can prevent this from happening? Thank you.

Trent

PanelBar

answered on 14 Apr 2016

3 answers

230 views

[Solved] Strange behaviour in category assignment/grouping for charts, bug?

I am encountering some very strange behaviour when trying to produce a chart with stacked bars:

var mock_data = [

                { "Field1": "Type A", "Field2": "1", "Cost": 123 },

                { "Field1": "Type A", "Field2": "2", "Cost": 234 },

                { "Field1": "Type A", "Field2": "3", "Cost": 345 },

                { "Field1": "Type A", "Field2": "4", "Cost": 456 },

                { "Field1": "Type A", "Field2": "5", "Cost": 567 },

                { "Field1": "Type B", "Field2": "1", "Cost": 765 },

                { "Field1": "Type B", "Field2": "2", "Cost": 654 },

                { "Field1": "Type B", "Field2": "3", "Cost": 543 },

                { "Field1": "Type B", "Field2": "4", "Cost": 432 },

                { "Field1": "Type B", "Field2": "5", "Cost": 321 },

                { "Field1": "Type C", "Field2": "1", "Cost": 100 },

                { "Field1": "Type C", "Field2": "2", "Cost": 150 },

                { "Field1": "Type C", "Field2": "3", "Cost": 200 },

                { "Field1": "Type C", "Field2": "4", "Cost": 250 },

                { "Field1": "Type C", "Field2": "5", "Cost": 300 },

    ];



$("#chart2").empty();

$("#chart2").kendoChart({

    dataSource: {

        data: mock_data,

        group: {

            field: "Field1"

        }

    },

    series: [{

        type: "column",

        field: "Cost",

        stack: true,

    }],

    valueAxis: [{

        name: "cost",

        title: {

            text: "Cost (£)"

        }

    }],

    categoryAxis: {

        field: "Field2",

        label: "Field 2 Label",

        dir: "asc"

    },

    dataBound: function (e) {

        var axis = e.sender.options.categoryAxis;

        axis.categories = axis.categories.sort()

    }

});

I am finding that the ordering of the data is strongly influencing how the grouping is performed, but more often than not elements of the data are finding their way into the wrong category.With the data ordered as shown above, I find that the category 2 entry for Type A is shifted into category 5, and the entries for Type A are subsequently each shifted along one category. I cannot seem to find a way to order the data when it is supplied that produces the correct result.

Is there some particular way the data needs to be sorted in order for this to assign the correct categories?

Charts

answered on 14 Apr 2016