This might be obvious to some of you, but I was hoping you could help me.  I've been making some changes to my code and noticed that the grid's navigation/pager now has a "G" on the buttons that should have arrows and an "R" on the refresh button (see attachment).  What typically causes this to happen.  I assume it is a js or css library, but I could be wrong.

Hi everyone! Mission is to make donut in donut using local data. I can make one donut by using local, for example:

var data = [{
                "category": "2000",
                "value": 100
            }, {
                "category": "2001",
                "value": 250
            }];

 

dataSource: {
                    data: data
                },
                series: [{
                    type: "donut",
                    field: "value",
                    categoryField: "category"
                }],

how i can insert another donut?

Hi,

I am rather new to javascript and kendo ui and I try to build a sharepoint solution but came across with 2 issues.

1.) I want to populate a TreeView with the following layout

|_{Fix:Root}

|__{Fix:Lists and libraries}

|___{REST: Library 1}

|____{Fix:Fields}

|_____{REST: Field A}

|_____{REST: Field B}

|___{REST: Library 2}

|___{REST: Library 3}

|___{REST: Library 4}

|--{Fix:Site Columns}

 

Fix: Fix names of the node

REST: nodes received via REST

 

So this means that my ROOT node has 2 fix child nodes. "Lists and libraries" and "SiteColumns". When I expand "Lists and libraries" it should load data from REST URL "A" and if I expand "Site Columns" it should load data from a different URL. How can this be achieved? From what I have read I only can assign one child!?

 

2.) When I click for example on the node "Field A" I want to show a ListView with all fields from the datasource beloning to this node. Is this possible?

 

Thanks for your support.

 

best regards,

Lutz

I'm working with the upload feature of Kendo with Angular 4. I have two questions:

1) Is there any way to completely hide any info. messages/remove & re-upload actions that appear after uploading the file?

2) Is there any way to change the "Select" button to just a font-awesome upload icon (with no text)?

Thanks!

Hello I have the following simplified scenario written in JSFIDDLE:


In the following example I'm trying to:
1. remove the first item from the main panels collection (works well).
2. remove the first sub panel from panel1 only (not working).

It's interesting to note that i saw this working on an earlier Kendo version number v2012.1.322 but not on the later ones.

Hi,

Am new to Kendo UI Grid, am trying to integrate Kendo with Domino API. Well for updating my backend doc i kind of need to use PATCH, but am trying to use this in Kendo the backend document are getting updated but not reflecting in frontend unless i do a refresh. Below is my sample code. Can someone please help me with this.

 

function loadKendoGrid(){
 $(document).ready(function () {  
var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "/testDB/sample.nsf/api/data/collections/name/locWiseAllNew",
                        dataType: "json"
                      },                    
                    update: {
                        url: function(options) {
                            return "/testDB/sample.nsf/api/data/documents/unid/" + options["@unid"]
                        },
                        contentType: "application/json",
                        type: "PATCH",
                        dataType: "json"
                      },                        
                    destroy: {
                     url: function(options) {
                          return "/testDB/sample.nsf/api/data/documents/unid/" + options["@unid"]
                      },
                      type: "DELETE"
                      },
                    parameterMap: function(options, operation) {                      
                        if (operation == "update" && options) {  
                        var sendData = {};
                        sendData["Charge"] = options["Charge"];
                        sendData["FMNO"] = options["FMNO"];
                        sendData["CSS"] = options["CSS"];
                            return kendo.stringify(sendData);
                            }       
                       }
                    },
                    error: function(r){
                    console.log(r)
                    },
                    schema: {
                    model: {
                    id: "unid",
                        fields: {
                      unid : {type: "string", editable: false, nullable: true },
                      $39: { type: "string", editable: false },
                      $83: { type: "string", editable: false },
                      $91: { type: "string", editable: false },
                      Charge: { type: "string" },
                      $53: { type: "string", editable: false },
                      FMNO:{ type: "string" },
                      $94: { type: "number", editable: false },
                       $95:{ type: "number", editable: false },
                       CSS: { type: "string"}
                        }
                    }
                },    
                pageSize: 20
            });
$("#grid").kendoGrid({
dataSource: dataSource,
            height: 300,
            filterable: true,
            sortable: true,
            pageable: true,
            editable: "inline",
            columns: [ {
                    field: "$39",
                    title: "Day"
                },
                {
                    field: "$83",
                    title: ""
                },
                {
                    field: "$91",
                    title: "CSS"
                },
                {
                    field: "Charge",
                    title: "Charge"
                },
                {
                    field: "$53",
                    title: "VA"
                },
                {
                    field: "VAincharge_FMNO",
                    title: "FMNO"
                },
                {
                    field: "$94",
                    title: "RT"
                },
                {
                    field: "$95",
                    title: "OT"
                },
                {
                    field: "CSS",
                    title: "CSS"
                },
                { command: ["edit", "destroy"], title: " ", width: "250px" }
            ]
        });
 });  
}

Hi, 

How to set DataSource's handlers through k-on Attribute? Is there a way to achieve it like this:

k-on-request-start="onRequestStart($kendoEvent)"

k-on-request-end="onRequestEnd($kendoEvent)"

Hello, we have a Knedo UI for Angular 2 grid with custom kendoPagerTemplate iin grid footer. the grid data is bound to Observable<GridDataResult>. in additon the grid supports deletion throught grid command. then item is deleted we reload the observable. Interesting part of pager template:

<ng-template kendoPagerTemplate let-totalpages="totalPages" let-currentpage="currentPage" let-pagesize="pageSize" let-total="total">

current page is {{}}

.</ng-template>

 

The issue is that when the totaliItem returned by observable results in change in currentpage variable in footer,, it get set to undefined.

Example;

we have a grid with 10 items per page, and initially observable returned 11 items (GridDataResult.total = 11).so grid footer pagervariables are:

pagesize=10
total=11
totalpages = 2
currentpage=1

we switch to second page, the footer variables are still correct, the only change is:that currentpage is 2 now. All fine.

Now we delete the single item on this second page, and reload the observable. the grid data is correctly  The pager variables become:

pagesize=10
total=10 (updated correctly)
totalpages = 1 (updated correctly)
currentpage=2 (not updated, there are not 2 page anymore)

one would expect currentpage to drop to 1

Currently there is no way of fixing this on our side as those variable are in kendo grid control

 

I am using  The Parent object is set as kendo.Observable . Inside there is Complex object SegmentInfo which is Array of Complex type.

 

1) What would be way to add Item/remove

           I tried below code for adding but worked :
             this..SegmentInfo.push(new this.AirVMList.SegmentInfo());

 

2) I want the first item of SegmentInfo Array not to have Remove button while if length is more than 1 then should render Remove button. How can achieve that?

Below is Template code: 

 

 

Here is JSON stringified of that object :

Hello,

we use Kendo Ui for ANgualr 2 grid with sorting. Out of the box the column with sorting enabled can be in 3 possible states: sorted asc, sorted desc or not sorted. chages in grid sorting update boutd sort property wit current array of SortDescriptors. When column is sorted  SortDescriptor is added to array of Sortdescriptors and specifies the field and direction of sort.

If column is not sorted it should not be present in SortDescriptor array. However if column is clicked until it is unsorted again, its SortDesriptor stays in array with direction 'undefined'. This is incorrect, it should disappear from array. Also according to Kendo type definition direction can only have value 'asc' or 'desc' but not 'undefined'