Telerik Forums
Kendo UI for jQuery Forum
3 answers
304 views
We're using the approach to show a drop down list in the grid row when a user clicks on the cell. In the change event we're changing values in the grid's data source to match a selection made from the drop down list. 

This all seems to work fine, the grid datasource values are being changed, the only problem is that the grid's save event fires before dropDownList's change event. 
This is a problem because the grid's dataSource.dataItem values have not been changed yet. 

Question is: Why would the grid's save event fire before the change event of the dropDownList. More importantly, is there some other event we can bind to on the dropDownList which will happen before the grid's save event is called? 

The importance here is that the grid's save event is calling a refresh on the grid. 
Alex Hajigeorgieva
Telerik team
 answered on 17 Nov 2020
1 answer
1.3K+ views

i want to change the labels/button labels,view names and other texts in scheduler to a given language. And as you have mentioned in your posts i set a culture for my scheduler

This is how i did it.  

eg: kendo.culture('zh-CN');

will this be enough?? Do i have to create the localization file too. If so is there ay proper place to find these localization files and where should i store the file? 

Neli
Telerik team
 answered on 17 Nov 2020
5 answers
775 views

I'm having an odd problem with my KendoUI grid using Odata-V4. I have a foreign key lookup, and if I have a value in the lookup field, I can update it just fine- I get an indicator that the field is dirty and it's updated when I save the grid. However, if there is no value when I load the item, I can choose an item in the dropdown but the selection isn't saved- the grid shows a blank value when I focus away from the foreign key dropdown and I can't save the grid; if I change another value and save it, the FK dropdown didn't set the value in the object. I'm hoping someone's run into this before? Thanks so much for any input.

 

var dataSource = new kendo.data.DataSource({
                type: "odata-v4",
                transport: {
                    read: {
                        xhrFields: { withCredentials: true },
                        url: "/odata/ProvisionalAppointments"
                    },
                    update: {
                        xhrFields: { withCredentials: true },
                        url: function (data) {
                            return "/odata/ProvisionalAppointments(" + data.Id + ")";
                        }
                    }
                },
                schema: {
                    model: {
                        id: "Id",
                        fields: {
                            Id: {type: "number" },
                            CustomerFirstName: { type: "string", editable: false },
                            CustomerLastName: { type: "string", editable: false },
                            CustomerPhoneNumber: { type: "string", editable: false },
                            FromDate: { type: "date", editable: false },
                            ToDate: { type: "date", editable: false },
                            ServiceId: { type: "number" },
                            LocationId: { type: "number" },
                            EmployeeId: { type: "number" },
                            IsApproved: { type: "bool" }
                        }
                    }
                },
                pageSize: 5,
                serverPaging: true,
                serverFiltering: true,
                serverSorting: true
            });

 

var servicesDataSource = new kendo.data.DataSource({
                type: "odata-v4",
                transport: {
                    read: {
                        xhrFields: { withCredentials: true },
                        url: "/odata/Services"
                    }
                },
                schema: {
                    model:
                    {
                        id: "Id",
                        fields:
                        {
                            Id: {
                                editable: false
                            },
                            Name: {
                                type: "string"
                            }
                        }
                    }
                },
                pageSize: 20,
                serverPaging: true,
                serverFiltering: true,
                serverSorting: true
            });

 

$("#grid").kendoGrid({
                    dataSource: dataSource,
                    toolbar: ["save", "cancel", "excel", "pdf"],
                    excel: {
                        allPages: true,
                        filterable: true
                    },
                    pdf: {
                        allPages: true
                    },
                    sortable: { mode: "multiple" },
                    pageable: {
                        pageSizes: [5, 10, 20, 50]
                    },
                    editable: true,
                    reordable: true,
                    resizable: true,
                    columns: [
                        { field: "CustomerFirstName", title: "First Name" },
                        { field: "CustomerLastName", title: "Last Name" },
                        { field: "CustomerPhoneNumber", title: "Phone" },
                        { field: "FromDate", title: "When", template: '#= kendo.toString(kendo.parseDate(FromDate), "M-d h:mm tt")#-#= kendo.toString(kendo.parseDate(ToDate), "h:mm tt")#' },
                        { field: "ServiceId", title: "Service", dataTextField: "Name", dataValueField: "Id", dataSource: locationsDataSource },
                        { field: "LocationId", title: "Location", dataTextField: "Name", dataValueField: "Id", dataSource: locationsDataSource },
                        { field: "EmployeeId", title: "Employee", dataTextField: "Name", dataValueField: "Id", dataSource: employeesDataSource },
                        {
                            command: [{ name: "approve", template: "<a class='k-button k-grid-approve approve'><span class='k-icon k-i-check-outline'></span>Approve</a>", visible: function (dataItem) { return dataItem.IsApproved === null; }, click: approveAppointment },
                            { name: "revokeApproval", template: "<a class='k-button k-grid-revokeApproval approved'><span class='k-icon k-i-check-circle'></span>Undo Approval</a>", visible: function (dataItem) { return dataItem.IsApproved === true; }, click: revokeApproveAppointment },
                            { name: "reject", template: "<a class='k-button k-grid-reject reject'><span class='k-icon k-i-cancel'></span>Reject</a>", visible: function (dataItem) { return dataItem.IsApproved === null; }, click: rejectAppointment },
                            { name: "revokeRejection", template: "<a class='k-button k-grid-revokeRejection rejected'><span class='k-icon k-i-cancel-circle'></span>Undo Rejection</a>", visible: function (dataItem) { return dataItem.IsApproved === false; }, click: revokeApproveAppointment }
                            ], width: "275px"
                        }
                    ],
                    allowCopy: {
                        delimeter: ","
                    },
                    mobile: true,
                    navigatable: true
                });

Georgi
Telerik team
 answered on 17 Nov 2020
1 answer
86 views
In my project i have a requirement to customize the 'show full day/Show bussiness hours' button label in the scheduler.  As far i have investigated i couldn't find a proper solution for this in your supported templates??. 
Aleksandar
Telerik team
 answered on 17 Nov 2020
6 answers
3.3K+ views
Dear Community,

I have set grid width as 500 and have defined width of all of its columns and their total width (800) exceeds grid's width (500) but still horizontal scrolling is not coming.

Is there any property setting that needs to be done? Please share a working code with me.

Cheers,
Shiva
Dimo
Telerik team
 answered on 17 Nov 2020
6 answers
217 views
We are using the Kendo Map control with the layer type as "Type(MapLayerType.Bing)" on a number of our pages.  Leadership is asking if the Kendo Map control is impacted by the "end of life for Bing Maps AJAX V7 Control (V7) and SOAP Web Services offerings".  I have researched the kendo site but have found no documentation on what Bing services the Kendo Map control uses when the type is equal to "MapLayerType.Bing". I don't think there is an impact, but I am looking for confirmation.
Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 16 Nov 2020
3 answers
291 views

I have a question about the resize behavior of shapes in a diagram.

 

It appears to me that shapes are getting 'zoomed' or 'stretched' but not actually properly resized.

Please take a look at the attached screenshots.

Also, the borders (strokeWidth stays the same) get stretched and out of proportion, as well as the text (fontSize stays the same).

Is there any way to alter the 'resize' behavior of shapes - because in my opinion it's not actually a resize but rather a strech or zoom and doesn't really look as good as it should.

Tsvetomir
Telerik team
 answered on 16 Nov 2020
3 answers
448 views

Hi Telerik support team !

 

I have a problem when using 2 tileLayout. When I drag item from tileLayout 1 to inside tileLayout 2 Error appear "Uncaught TypeError: Cannot read property 'order' of undefined"

 

Please help me to avoid it. 

 

I thing to hidden when overflow container of tileLayout but i don't way to set it.. Please helme.

 

Here is code

https://dojo.telerik.com/IkeHoxob/9

Nikolay
Telerik team
 answered on 16 Nov 2020
1 answer
148 views

My admins HATE the way the daterangepicker works, they wanted me to pass it along, I'm not sure where to post.

 

 

Like look at this... 

https://www.screencast.com/t/g3DVcVspyLuf

 

It's like you want to go left, and it goes... down.  What you want to happen isn't happening, it's just off in left field wiping out fields and resetting itself. 

 

Lance | Senior Manager Technical Support
Telerik team
 answered on 13 Nov 2020
1 answer
356 views

I have code that adds buttons to a kendoToolBar.  Upon completion, the button is added but the .items array still says null or undefined.  The basic gist I am ultimately after is how to iterate through the buttons/controls in a toolbar and delete them all or at least delete them one by one by id.  But, I can't figure out the syntax for iterating this array.  Can anyone point out what I'm doing wrong?

 

        var toolbar = $("#tbrMyToolBar").data("kendoToolBar");
 
        toolbar.add(
            { 
                type: "button",
                attributes: { "class": "k-button" },
                text: name, 
                id: "testbutton", 
                togglable: false,
                click: function(e)
                {
                    
                }
            });

         console.log(toolbar.items.length);

Stoyan
Telerik team
 answered on 13 Nov 2020
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?