Telerik Forums
Kendo UI for jQuery Forum
1 answer
234 views

I have a kendo ui jquery datasource that I'm using to populate my grid. I have added a custom toggle switch to show only active accounts or show all accounts. The switch works by calling the following function on change: 

    $(".my-page").on("change", "#myTableStatusToggle", function () {
        if ($("#myTableStatusToggle:checked").length > 0) {
            dataSource.filter({});
        } else {
            dataSource.filter({ field: "Status", operator: "eq", value: "Active" });
        }
    });
Unfortunately there is also a search box (the standard grid search box) and when the user types in the search box it searches all records. When the user clears out the search box it shows all of the records even though the toggle switch hasn't been touched. How do I search the grid while still respecting the toggle switch? 
Neli
Telerik team
 answered on 17 May 2021
1 answer
1.3K+ views

I have configured a grid and have set up the pager
pageable: {
                        refresh: true,
                        pageSizes: false,
                        buttonCount: 5,
                    },
This works everywhere else but in one grid where it shows a dropdown with page numbers  

as soon as I open dev tools it changes 

How can I get rid of that ?

Dimitar
Telerik team
 answered on 17 May 2021
1 answer
278 views

Hello 

I have installed the latest commerical KendUI JQuery : kendoui.for.jquery.2021.2.511.commercial.zip  

When I copy/paste the example from https://docs.telerik.com/kendo-ui/api/javascript/ui/expansionpanel/configuration/title to my local project I got this error message:

TypeError: $("#expansionPanel").kendoExpansionPanel is not a function. (In '$("#expansionPanel").kendoExpansionPanel({
                title: "Lorem ipsum"
            })', '$("#expansionPanel").kendoExpansionPanel' is undefined)

I'm using many others widgets, never had such a case. Also PHPStorm does not color ".kendoExpansionPanel" in the code to let me know it can't be resolved. I'm working with JQuery 3.5.1 but that is probably not the problem.

Did I miss anything?

 

Tayger
Top achievements
Rank 1
Iron
Iron
 answered on 16 May 2021
3 answers
146 views

Hi, Using the demo site https://demos.telerik.com/kendo-ui/scheduler/import-export-ical I have added a all day event that expands 2 days, and then exported that data, when I import the data it changes to a 1  day event,  is this a ical.js issue?, 

 

 

export and then import i get

 

Thanks

Martin
Telerik team
 answered on 14 May 2021
1 answer
175 views

Hello,

How can I get the text and the value of the button pressed?  Right now it only appears to return the value which is not what I want the user to see.  Like in this example it should say option 1 when you click on option 1 and not show value 1 but pass it back for use in the code.

https://dojo.telerik.com/OkoCIxIT

How can I get this to work properly?

Thanks -Tim

Martin
Telerik team
 answered on 14 May 2021
1 answer
347 views

Hi Admin and Everybody,

As the title, Currently I have read all data from the folder to the corresponding items of folder. But data children ( see picture 1.png ), can not reload when using ".read()".

When I using code call ".read". Only the area on the left hand side reloads, and the area on the right hand side doesn't happen.

More specifically, it's the children data area that doesn't reload when call ".read()"

$("#filemanager").data("kendoFileManager").dataSource.read(); // my code call .read()

My code will show all data to file manager:

$("#filemanager").kendoFileManager({
    dataSource: {
        transport: {
            read: function (options) {
                var that = this;

                $.ajax({
                    url: "my url",
                    dataType: "json",
                    method: "POST",
                    data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
                    success: function (result) {
                        options.success(result);
                    }
                });
            },
            
        },
        schema: {
            data: 'data',
            model: {

               id: 'path',  

               children: 'items'  
            }
        }
    },
    toolbar: {
        items: [
            { name: "custom", type: "button", text: "Create", command: "MyCustomCommandCreate" },
            { name: "custom", type: "button", text: "Upload", command: "MyCustomCommandUpload" },
            { name: "sortDirection" },
            { name: "sortField" },
            { name: "changeView" },
            { name: "spacer" },
            { name: "details" },
            { name: "search" }
        ]
    },
    contextMenu: {
        items: [
            { name: "rename" },
            { name: "delete" },
            { name: "custom", text: "Detect", command: "MyCustomCommandDetect", spriteCssClass: "k-icon k-i-info" }
        ]
    },
    draggable: true,
    resizable: true
});

My json data has a structure similar to that of demo from docs Kendo ( https://docs.telerik.com/kendo-ui/api/javascript/ui/filemanager/configuration/datasource ) - EXAMPLE

Image show you my Json Data inside url link: ( 1.png )

Looking forward to hearing from Admin and everybody soon, thanks
 
Neli
Telerik team
 answered on 14 May 2021
0 answers
268 views

I don't know what happend with my Kendo Image Editor. It add more Kendo Image Editor to Kendo Window. 

I only transmit one link from the data source. 

My Json in data source only has 1 link, but when I open kendo window, it crashes. 

When it call dataSourceGetImageUrl.read(); it will add new one more kendo Editor

Info in my image: https://ibb.co/hcx2ck7

My code:


var dataSourceGetImageUrl = new kendo.data.DataSource({
        
        transport: {
            read: function (options) {
                $.ajax({
                    url: "/_layouts/15/VuThao.TrainSharepoint/API/ApiHandler.ashx?tbl=like&func=getimageurl",
                    type: 'GET',
                    cache: false,
                    scriptCharset: "utf8",
                    dataType: "json",
                    data: {
                        models: kendo.stringify(options.data.models)
                    },
                    success: function (result) {
                        options.success(result);
                    }
                });
            },
        },
        schema: {
            data: 'data',
            model: {
                id: "imageUrl"
            }
        },
        change: function (e) {
            var view = dataSourceGetImageUrl.view()[0].imageUrl;
            $("#imageEditor").kendoImageEditor({


                imageUrl: view,
                width: "100%",
                height: 650,
                saveAs: {
                    fileName: "image_edited.png"
                }
            });

            var imageEditor = $("#imageEditor").getKendoImageEditor();
            imageEditor.one("imageRendered", function () {
                imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
            });
        }
    });

Every time execute:

dataSourceGetImageUrl.read(); //it will add kendo image editor one more time
I'm really tired, can anyone help me to solve it


Stark
Top achievements
Rank 1
Iron
Iron
 updated question on 14 May 2021
1 answer
152 views

Hi Team, 

 

In the demo example here, for kendo-angular-ui, we have an option to make "summary: 'runningTotal'of intermediate data, like for Q1, Q2 etc.

Is there a similar option for the ui-jQuery version also. It will be great if you can point me to the doc for this. I see that there are not many option available for waterfall charts or i'm not seeing the right doc ? 

Is Stacking allowed in waterfall charts ?

If there are other features as well for waterfall ui-jquery, kindly indicate them.

 

Thanks,

Chetan

Georgi Denchev
Telerik team
 answered on 13 May 2021
8 answers
810 views

Hello , 

I had a hierarchical  grid and I want to export it to excel (JavaScript ) 

The file is generated successfully but only the principal grid is exported.
Also I want to export hidden column.

Thank you for your prompt reply

Anton Mironov
Telerik team
 answered on 13 May 2021
0 answers
225 views

Hi Admin and everybody,

I am working with dataSource for Image Editor. 

I completed get data and give it for Kendo Image Editor.

But, I cannot use it with "autoBind: false" to stop load when start page like Title or call it with .read().

This is my code:

var dataSourceGetImageUrl = new kendo.data.DataSource({ transport: { read: function (options) { $.ajax({ url: "/_layouts/15/xxx/API/ApiHandler.ashx?tbl=like&func=getimageurl", type: 'GET', cache: false, scriptCharset: "utf8", dataType: "json", data: { models: kendo.stringify(options.data.models) }, success: function (result) { options.success(result); } }); }, }, schema: { data: 'data', model: { id: "imageUrl" } } }); dataSourceGetImageUrl.fetch(function () { var dataSource = dataSourceGetImageUrl; var view = dataSourceGetImageUrl.view()[0].imageUrl; $("#imageEditor").kendoImageEditor({

autoBind: false, //It not working.It still read when my page start

dataSource: dataSource, imageUrl: view, width: "100%", height: 650, saveAs: { fileName: "image_edited.png" } }); var imageEditor = $("#imageEditor").getKendoImageEditor(); imageEditor.one("imageRendered", function () { imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 }); }); });


I tried call .read() with code. But it not working

$("#imageEditor").data("kendoImageEditor").dataSource.read();

//OR

dataSourceGetImageUrl.read(); // All both not working. I cannot call .read() to reload 

dataSourceGetImageUrl

Hope to get help soon from everyone. Thanks
Stark
Top achievements
Rank 1
Iron
Iron
 updated question on 13 May 2021
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?