Telerik Forums
Kendo UI for jQuery Forum
2 answers
141 views
In the grid, we have some data with superscript applied.  This however is being changed to brackets when exported to excel.  Is this kind of formatting not available in the export to excel?  Is there a workaround to achieve this desired functionality?
Jim
Top achievements
Rank 1
 answered on 14 Aug 2017
1 answer
241 views

Hi

As per  my client requirement , I have require below view on kendo ui scheduler control.

ex.

                                           DAY 1             DAY 2                    DAY3

Route 1

           ORDER

           DRIVER

           VEHICLE

    
Dimitar
Telerik team
 answered on 14 Aug 2017
1 answer
114 views
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.
Viktor Tachev
Telerik team
 answered on 14 Aug 2017
2 answers
267 views

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?
Georgi
Telerik team
 answered on 14 Aug 2017
7 answers
767 views

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

Nencho
Telerik team
 answered on 14 Aug 2017
6 answers
1.2K+ views
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!
Divyesh
Top achievements
Rank 1
 answered on 11 Aug 2017
4 answers
222 views
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.
Milena
Telerik team
 answered on 11 Aug 2017
2 answers
212 views

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" }
            ]
        });
 });  
}
Mukilan
Top achievements
Rank 1
 answered on 11 Aug 2017
3 answers
288 views

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)"

Dimitar
Telerik team
 answered on 11 Aug 2017
3 answers
729 views

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

 

Dimiter Topalov
Telerik team
 answered on 11 Aug 2017
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?