Telerik Forums
Kendo UI for jQuery Forum
1 answer
173 views

I faced an issue related to decimal filters.

the issue was "when I enter filer value "6167.1" which actually appears in a grid cell, no result is filtered out so while debugging I found that when data-source is provided to grid that value is actually 6167.07 and kendo jquery UI renders it 6167.1 in the grid.  So when I enter filter value "6167.07" it works and in grid value still appears/ shows 6167.1"

 

According to my understanding filter is working fine on the data source but while rendering it rounds up the data and shows a different value to the client due to which filter errors are reported. 

 

So I need help, please share the code snippet to turn off JS data rounding up used in this kendo library/plugin

Georgi Denchev
Telerik team
 answered on 10 Mar 2022
1 answer
119 views

Hi

I'm working on an application I received from a client and they've used some telerik web controls. Telerik apparently includes its own version of jquery 1.3.2, while I'm using 1.4.1. I'm experiencing some weird javascript issues and I'd like to rule out the older jquery as a source of the problem. Is there a way to tell the Telerik controls not to automatically include the 1.3.2 version of jquery if I've already got jquery on the page elsewhere?

Neli
Telerik team
 answered on 10 Mar 2022
1 answer
123 views
is it possible to have it adjustuble to grid body rather then to fixed we had to use to have it rendered for all body columns when visible part of the screen is smaller?
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
 answered on 09 Mar 2022
1 answer
415 views

Hi,

For the various kendo editor tools like List, Table etc. we need to change the content before its inserted into the editor. For example, add a CSS class to a UL element or add some data properties.

How do we achieve this? We looked at the command event, however, changing values of the command does not seem to have any impact in the final HTML that is inserted into the editor.

 

Neli
Telerik team
 answered on 09 Mar 2022
1 answer
115 views

I am looking to use the treeview to show the contents of an s3 bucket.

Along with the filename, I would like to show the size and also the date modified

Neli
Telerik team
 answered on 09 Mar 2022
0 answers
308 views

My company has a Kendo grid we use in an internal tool for changing settings. The way it's supposed to work, and has worked in the past, is that we change the entries in the grid using inline editors, but that there is no update, and then we have a "Save" button that gathers the settings from the grid and related data from a few other places and sends them off to the back end.

At some point, the team started to get an error, though nobody's sure when exactly; the Grid loads and reads without apparent issue, but when you try to edit anything, the Grid hangs and never recovers. If you click the "Save" button the change you made is uploaded just fine, but you couldn't make any other changes without refreshing the page.

Digging into the errors, the problem is that it's looking for "update" data in the transport and not finding it - the transport only defines "read". The thing is, it has never defined anything other than "read", including when it was most recently definitely working, and this tool is not supposed to update remotely on every edit (and previously quite happily did not). When I add an empty function as "update", just to see if I can get past it, it throws an "Unexpected Number" error.

The code changes that have been made since I last personally saw it working are:

- Added an ID column
- added an inline editor combo box

neither of which jump out at me as things that would prompt an update call that otherwise didn't happen. I have tried undoing all these changes and here has been no effect on the error.

var dataSource = new kendo.data.DataSource({
    pageSize: 500,
    autoSync: true,
    transport: {
        read: {
            url: String.format(readurl),
            data: {
                siteID: siteID
            },
            dataType: "json"
        }
    },
    schema: {
        model: {
            id: "SiteConfigItemID",
            fields: {
                SiteConfigItemID: { editable: false, nullable: true },
                ConfigurationType: {
                    defaultValue: { ConfigurationTypeID: 1, ConfigurationTypeName: "Default" }
                },
                KeyName: {
                    defaultValue: { ConfigurationKeyID: 1, ConfigurationKeyName: "Default" }
                },
                KeyValue: { validation: { required: true } },
                Locale: { validation: { required: true } },
                Ordinality: { validation: { required: false } }
            }
        },
        type: "json"
    }
});
$("#siteConfig").kendoGrid({
    dataSource: dataSource,
    autoBind: true,
    editable: true,
    pageable: {
        refresh: true,
        pageSizes: [15, 50, 100, 500]
    },
    scrollable: true,
    toolbar: ["create"],
    sortable: true,
    filterable: {
        extra: false,
        operators: {
            string: {
                startswith: "Starts with",
                contains: "Contains",
                doesnotcontain: "Doesn't contain",
                eq: "Is equal to",
                neq: "Is not equal to"
            }
        }
    },
    columns: [
        { field: "SiteConfigItemID", width: 100, title: "ID", hidden: true },
        { field: "ConfigurationType", width: 100, title: "Type", editor: typeDropDownEditor, template: "#=ConfigurationType.ConfigurationTypeName#" },
        { field: "KeyName", width: 200, title: "KeyName", editor: keyNameDropDownEditor, template: "#=KeyName.ConfigurationKeyName#" },
        { field: "KeyValue", width: 550, title: "" },
        { field: "Locale", width: 120, title: "" },
        { field: "Ordinality", width: 100, title: "" }]
});
dataSource.read();


Alex
Top achievements
Rank 1
 updated question on 08 Mar 2022
1 answer
284 views

Hi,

I'm trying to "miss-use" a Kendo-Multiselect to order some items by order of selection. Meaning I order the select-items in the current order before initializing the Multi-Select and when some items are changed I would like to re-order them according to the current order in the multi-select.

Is there an easy way to achieve that?

I already saw HERE how to get the items via JS (in the correct order), but bevor I start using some custom JS to update the select I would like to ask if there is an easier solution?

Or is there even a more suitable control available? I have <10 items where the user should be able to define the order of all selected items (so it is selection and order, e.g. out of 1,2,3,4,5 the user can e.g. choose 3,2,4 or 3,4,2).

regards,
Christoph

Veselin Tsvetanov
Telerik team
 answered on 08 Mar 2022
1 answer
105 views

the document only shows the last version support angularjs 1.7* is:

Kendo UI 2019.1.115 (R1 2019)  

i want to confirm:

1) Is Newest version KendoUI for jQuery not support angularjs anymore?

2) Is angularjs 1.8 will supported?

 

Veselin Tsvetanov
Telerik team
 answered on 08 Mar 2022
0 answers
653 views

I work on an enterprise application that has a mix of AngularJS (v1) and NGX (v2+) pages. We employ Kendo UI to construct Grids for list pages in the app.

Recently, we updated the the NGX portion of our application to Angular 12 via these update steps.

 

After doing so however, the "items per page" text that usually appears at the bottom of the grid next to the page size drop down disappeared from grids that are on AngularJS pages.

 

I've tried consulting these docs to see how to manually change the pager's messages. For example

<div class="ir-list">
	<div kendo-grid="grid" options="gridOptions"></div>
</div>

and


$scope.gridOptions = {
   .
   .
   .
   pageable: {
      messages: {
         itemsPerPage: "items per page"
      }
   }
};
 

should enable the message, but this does not work. Interestingly, other messages such as "empty" and "display" seem to work fine. It's "itemsPerPage" (among others) that seemingly does not. Any reason why this may be happening?

Thanks!

 

bhairav
Top achievements
Rank 1
 asked on 05 Mar 2022
4 answers
512 views

I just started using the new feature to resize images in the editor and it works great!  However, we have a need to support fixed size images that cannot be resized by the end user creating documents in the editor.  So, can the resize be configured to turn on or off as needed?

Thanks, Bob

Filembar
Top achievements
Rank 1
Iron
Iron
 updated answer on 04 Mar 2022
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
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
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?