Telerik Forums
Kendo UI for jQuery Forum
0 answers
130 views

Hi,

I have attempted to reload a Kendo TreeView control with a new TreeViewDataSource...

function reloadLists() { console.log("In reloadLists():"); var ds2 = new kendo.data.TreeListDataSource({ data: actionsV2, schema: { model: Models.TREELISTMODELTWO } }); ds2.read(); var vw2 = ds2.view(); _view.set("actionsObserv", vw2); $("#actionsTreelist").data("kendoTreeList").setDataSource(_view.get("actionsObserv"));

}


...but when the new dataSource is loaded I noticed the expander arrows do not work. The top one disappears when clicking on it:

The other ones do not function, there is no change when I click on them. I cannot contract an expanded branch, nor can I expand a contracted branch. What am I missing? Is this a bug? Here is a link to the Kendo Dojo  with an example:

Kendo TreeList Reload List Example | Kendo UI Dojo (telerik.com)

Thanks again for your help and patience ^__^

George

George
Top achievements
Rank 3
Bronze
Bronze
Iron
 updated question on 19 Jul 2024
1 answer
1.0K+ views

I am trying to upgrade my Kendo UI Jquery installation from 2022 to 2024 and it is not going smoothly. One issue I'm having is that now my grids with locked columns do not span the whole width of their container. In the old version, the k-grid-table would expand to fill the width of the k-grid-content but now it seems that the columns retain their width, rather than growing like they used to. So now there is a large white space between the last column and the vertical scrollbar. I did notice that if I remove the inline style in the developer tools that is applied to the k-grid-table in the unlocked section, it fixes it. 

Another issue I just discovered is on the multiselect. It seems that the class that used to be applied when the list was expanded is not there anymore ".k-state-border-down". I used this to target the down arrow and change it to a checkmark but now it seems there is no class to target in CSS. How would I change the arrow icon when the multiselect is expanded?

 

Old Version:

New Version: 

 

How do I fix this, and is there documentation somewhere on all of the breaking changes between the two versions and how to fix them? 

Yordan
Telerik team
 answered on 19 Jul 2024
1 answer
212 views

Hi Team 

When converting a date string to a Date object using the kendo.toString method, the month name is displayed according to the Islamic calendar instead of the Gregorian calendar. This issue arises when using the Arabic culture settings.

dojo - https://dojo.telerik.com/IPadawaP

Observation - I think it considers the month incorrectly and shows the month name as per Islamic calendar.

Any help is appreciated.

Angel Petrov
Telerik team
 answered on 19 Jul 2024
2 answers
159 views

hello,

When i am set any one colum "Locked : true" After All Colum "columnMenu" Have a "Set Column Position" Option.
so my quesion is can i unable other Column "columnmenu" "Set Column Position" Option.


 

 

 

Georgi Denchev
Telerik team
 answered on 19 Jul 2024
1 answer
172 views

Hi,

I am trying to define a Model for my kendoTreeList.

Normally I would define a Model like:


var Product = kendo.data.Model.define({
    id: "ProductID", // Defines the field to be used as the identifier.
    fields: {
        // Define the fields of the model and their data types.
        ProductID: { type: "number" },
        ProductName: { type: "string" },
        QuantityPerUnit: { type: "string" },
        UnitPrice: { type: "number" },
        UnitsInStock: { type: "number" },
        Discontinued: { type: "boolean" }
    }
});

 

But with the TreeList  you normally have to define the Model like this with a parentId:

                            model: {
                                id: "EmployeeId",
                                parentId: "SupervisorId",
                                fields: {
                                    SupervisorId: { field: "SuperviorId", nullable: true },// this is the parent.
                                    EmployeeId: { field: "EmployeeId", type: "number" }, 
                                },
                                expanded: true
                            }


I don't think kendo.data.Model.define works for this type of model  because it doesnt have some of the properties like parentId or expanded. Is there something I can substitute it with?

What I am trying to do is create a class of Models and I can slide the Model definition in like:


    $("#reportsTreeList").kendoTreeList({

        dataSource:
        {
            data: reports,
            schema: {
                model: Models.TREELISTMODEL
            }
        },
        height: "auto",

OR:


var ds = new kendo.data.DataSource({ data: reportsList, schema: { model: Models.TREELISTMODEL }});

this approach seems to work with a kendo spreadsheet or a grid... but TreeView  seems to break.

Thanks again for your help and patience!

George

George
Top achievements
Rank 3
Bronze
Bronze
Iron
 answered on 18 Jul 2024
0 answers
131 views

Hello,

Requirement to implement 'More' button in Week view of MVC scheduler as Month view has.

I tried suggestion given in this article https://docs.telerik.com/kendo-ui/knowledge-base/implement-more-events-button-in-week-view

example is here https://dojo.telerik.com/IGOQinES.

Want to change two points,

1. The position of More button from bottom of the slot to right side of the slot shown as in below image.

2. Slot with single appointment also showing 'More' button, why?

Appreciate for the support. 

Thanks,

BP

B
Top achievements
Rank 1
 updated question on 18 Jul 2024
1 answer
111 views

Hi,

I can see that the PivotGrid has a "Compact" display mode in the ASP.NET AJAX libraries: https://docs.telerik.com/devtools/aspnet-ajax/controls/pivotgrid/layouts/overview  

 

Is there a "Compact" mode that renders nested rows with only a slight offset instead of creating a whole new column in the jQuery libraries, or even in ASP.NET MVC version?

 

Kind regards,
Ilya

Martin
Telerik team
 answered on 18 Jul 2024
0 answers
171 views
Hello,

I have a DropDownList in my grid toolbar that represent a list of 'views' for the grid.

When I select one of them, I use both getOptions and setOptions to modify the columns order and states.

My problem is that when I execute setOptions, my DropDownList kendo is lost and don't keep the state it had before setOptions.

How can I achieve this pls ?
Théodore
Top achievements
Rank 1
 asked on 18 Jul 2024
1 answer
138 views

When I select a particular date using the calendar provided by Kendo Scheduler (in Work Week), I can read the selected date (for eg: 25th July). But when I again click on the calendar it does not highlight last selected date (i.e 25th July). Can't find any API to highlight the last selected date.

Pls help!! 

 

Martin
Telerik team
 answered on 18 Jul 2024
2 answers
564 views

Hello,

when one column of a Grid is configured with enabled  "stickable" or "lockable", a "Set Column Position" column menu item appears for all columns.

Is this behavior intentional?

If columns are neither "stickable" nor "lockable", I would like to remove the "Set Column Position" column menu item for those columns. Could you please show me how to achieve the behavior I want?

Thanks and Greetings
Stefan

Akshit
Top achievements
Rank 1
Iron
 answered on 16 Jul 2024
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?