Telerik Forums
Kendo UI for jQuery Forum
0 answers
157 views

I have an object in my grid schema and column definition. Upon load i set the grouping on on the Name field of my Category object. I also hide these columns since the grid doesnt appear to know to not show them when I do this. 

Category: {  defaultValue: {Id:null, Name:null}},


{field:"Category", title:"Category",editor: CategoryDropDownTreeEditor, template : "#= Category.Name #", hideOnGroup: true},



var g = $("#assetGrid").data("kendoGrid");
                g.dataSource.group( [{ field: "AssetId" },
                     { field: "Category.Name" } ]);
                g.hideColumn("AssetId");
                g.hideColumn("Category");

Here is my editor template if needed:


function CategoryDropDownTreeEditor(container, options){

            $('<input required name="' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownTree({ 
                dataTextField: "Name",
                dataValueField: "Id",
                autoBind:false,
                filter: "contains",
                height: 400,
                width:750,
                select: function(e) {
                    if(e.sender.dataItem(e.node).hasChildren){
                        e.preventDefault();
                    }
                }
                
            }); 

            $.ajax({
                    url: "/Categories" ,
                    dataType: "json", 
                    type:"GET",
                    contentType: "application/json",
                    data:{
                        MainCategoryId:options.model.MainCategoryId
                    },
                    success: function(result) {
                        $('input[name="Category"]').getKendoDropDownTree().dataSource.data(processTable(result, "id", "parent", 0));
                       
                      
                    },
                    error: function(result) {

                        console.log("fail");
                    }

                });

         }               

 

When I hit edit on my record the value disappears on the grouping header:

 

and if i hit cancel the value doesnt come back:

Bryan
Top achievements
Rank 1
 updated question on 10 Apr 2023
1 answer
133 views

Hello, I am currently using the kendo grid to display all my data, I am wanting to be able to update one of the columns data by pressing the column and then a dropdown appear and i want to be able to change it. Is this possible? 

 

Kind Regards

Neli
Telerik team
 updated answer on 10 Apr 2023
0 answers
133 views

I am looking for a help where I need to recreate the options for column filter values when the data on left hand side filter changes?

I have a drop down list country on left hand side and when ever user select the country the column(region), filter (custom filter, based on column on the grid) all the checkboxes for the custom filter should reflect the region as per the country selected.

Vaibhav
Top achievements
Rank 1
Iron
 asked on 09 Apr 2023
0 answers
125 views

Hi,

I build an Kendo UI TreeList. However, when I implement inline editing, I realize that the API calling from the kendo ui treelist sometimes work and sometimes not. When it work is mostly after I open a developer browser tools. 

I have record the process in Telerik Fiddler Jam, but 1 question, is there a way I can share the link privately for your expertise to help to take a look on what is happening

Kok Ho
Top achievements
Rank 1
 asked on 07 Apr 2023
1 answer
114 views

Here is the image that I want to

Khoa
Top achievements
Rank 1
Iron
 answered on 07 Apr 2023
1 answer
283 views

Hi,

I have a grid with row selection enabled, scrolling enabled and 2 sticky rows on the right side - many other options besides but these are not relevant here.
Using the Sass themes with the latest patch, 2023.1.314, and selecting a master row, then scrolling the row horizontally so the row data slips under the sticky row cell, the data shows through the sicky row content.  It seems to be OK on the Alt rows though.
This does not happen on ALL themes and swatches, just some - the default-main theme is an example.

I have tried it on the version released prior - 2023.1.117 and this problem is not there.

My actual project allows the operator to change themes/swatches so this would be an issue and limit the themes I could make available.

Is this by design?

I do not really want to start modifying themes if I can help it, is there a simply work around so all themes could be used without this 'feature'?

Dojo example lifted directly from your demos here: https://dojo.telerik.com/upeVIwil and I have included an example in text form and screen shots.

Many Thanks

Nikolay
Telerik team
 answered on 06 Apr 2023
2 answers
360 views

I have a treelist with scrolling and locked columns. Unfortunately, when the screen is wide enough to display all of the columns, the grid doesn't expand to fit the headers as seen in the included screenshot. Also, when I do expand the columns past the max height of the grid, I do not get a scrollbar and the ones below get cut off. Can you help with this? This same table works in a grid (minus the expansion piece, hence converting to a treelist). It does appear there is a scrollbar but it is outside of the table's viewable area. 

Here is a dojo: https://dojo.telerik.com/@dojolee/oraQASED

Attached is an image of what I am seeing on my site.

Here is my code: 

$("#tileTable").kendoTreeList({
            dataSource: {
                data: treeDataSource,
                schema: {
                    model: {
                        id: "hierarchyId",
                        parentId: "parentHierarchyId",
                        fields: {
                            parentHierarchyId: {
                                type: "string",
                            }
                        }
                    }
                }
            },
            sortable: false,
            columns: columns,
        }).data("kendoTreeList");

Angel Petrov
Telerik team
 answered on 05 Apr 2023
1 answer
258 views

I have a kendo treelist and need to include a column menu to show or hide columns. My column headers have classes applied to them on initialization via the headerAttributes option. After hiding a column, the remaining columns' headers lose their classes. This is duplicated in the attached dojo. Notice last name is in blue. When you hide first name using the 3 dot menu, Last Name turns black. I have tried the same thing with a kendoGrid and it works as expected. Something is off with the TreeList. How do I fix this? Note that while my example here uses text color, using a template won't solve my real issue as I need the class applied to the header cell itself so I can center the content and other stuff. 

https://dojo.telerik.com/ALeLiZUV

In troubleshooting, I noticed that grid.columns is not returning headerAttributes.class for the treelist when calling $("#myGrid).data("kendoTreeList").columns for the tree list but it is when calling $("myGrid).data("kendoGrid").columns for the grid. I'm attaching images from my own project of the two returns (Note that they are from different instances which is why the other data is not the same in the two screenshots nor do they go with the dojo.)

Martin
Telerik team
 answered on 04 Apr 2023
1 answer
276 views

Hello Team,

I have run the FastPass on the kendo control present at the below URL and found the a11y issues.

https://demos.telerik.com/kendo-ui/dropdowntree/checkboxes

https://demos.telerik.com/kendo-ui/dropdowntree/index

Please check the below images

On fixing one of the issues(adding aria-label attr) shown in the above image, new a11y issues are coming as shown in the below image. 

On fixing the above one as well, new a11y issues are coming,

Please let me know how can we fix this problem?

 

Thanks & Regards

Karan

Karan
Top achievements
Rank 1
 updated question on 04 Apr 2023
0 answers
143 views
I tried to insert a Treemap for static data.. but while calling the function using the native element of html tag it says (...).kendoTreeMap is not a function. This error occurs even when I tried using jquery.

This is my code ...

Treemap.component.ts

 async initializaer(){
    this.treemap.nativeElement.kendoTreeMap({
      dataSource: {
        data: [{
          name: "Root",
          items: [{
            name: "Group A",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }, {
            name: "Group B",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }]
        }]
      },
      autoBind: false,
      valueField: "value",
      textField: "name",
      colors: [["#ff6666", "#ff0000"], ["#7fb17f", "#006400"]]
    });
Sriram
Top achievements
Rank 1
 updated question on 03 Apr 2023
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
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
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?