Telerik Forums
Kendo UI for Vue Forum
8 questions
Sort by
3 answers
96 views

I'm using TreeList component and I want to rend dropdown list in column filters, I have set filterable to true and filterable-ui to rend function, but still failed, while it works in jquery TreeList. Failed meaning is rending default string type filters, not dropdown list. And I'm sure the attribute is received by component from vue chrome plugin.

Hoping some demoes to show how to work fine.

 

Code as following

HTML:

<kendo-treelist :data-source="resourceDataSource"
:filterable="true">
<kendo-treelist-column :field="'name'" :width="140"></kendo-treelist-column>
<kendo-treelist-column :field="'resourceType'" :width="100" :filterable="true" :filterable-ui="resourceTypeFilterableUi" :template="typeTemplate"></kendo-treelist-column>
</kendo-treelist>

 

JS:

resourceDataSource:

new kendo.data.TreeListDataSource({
serverPaging:true,
serverFiltering:true,
transport:{
read:{
url:'/api/RBAC/Resource/GetResouceListByTid',
type:"post",
dataType:'json',
data:{
companyId:vm.companyId
}
}
},
page:1,
pageSize:10,
schema: {
model: {
id: "id",
parentId: "parentId",
fields:{
resourceType:{ type:'string' }
}
},
data:function (res) {
return res.data.data
},
total:function (res) {
return res.data.total
}
}
})

 

Rend Function:

resourceTypeFilterableUi:function(element){
element.kendoDropDownList({
dataSource: resourceType,
dataTextField: "value",
dataValueField: "id"
})
}

 

 

 

Plamen
Telerik team
 answered on 05 Dec 2018
1 answer
84 views
Hi,

I'am using kendo ui for vue and I want to hide the tree list column in treeList of native component for vue.

In the documentation of the wrapper component, I can hide it with the `hidden: true` attribute.

But I can't find a way in native component.

Does anyone know how to hide column in treeList of native component for vue?

Thanks

Best Regards.
Filip
Telerik team
 answered on 29 Aug 2023
1 answer
45 views

in KendoUI for Vue

I implement one component with TreeList has  father-son relationship items,Customize use checkboxes with Cascade selection。

must  Use column Template to resolve,old jquery template don't support component event,So i must use native  Column template。

But use native  Column template ,I Found  TreeList  cause Repeat Data when expand Or collapse。

What is the right method,i can choose to resolve this problem。

 

 

Petar
Telerik team
 answered on 14 Jul 2020
1 answer
99 views
What's the syntax for a treelist template column?  I can't find any examples anywhere.
Nikolay
Telerik team
 answered on 10 Jul 2020
1 answer
58 views
In the treeList, as long as you define a name in the columns cell, then bind it in the template, it will work. However, using the same method for grid does not work.
Konstantin Dikov
Telerik team
 answered on 14 Nov 2023
1 answer
1.0K+ views

I'm using the kendo DropDownTree control with VueJS.

I have the control working in a component with my Hierarchy data as shown below.

When I have a parent node with 1 or more child nodes and I check the parent, how can I get all the child nodes to be checked also? Is there a prop for that?

The "check-all" only works for checking or unchecking the entire tree. I would like to check or uncheck all the children within the selected parent. Is that possible? 

    <dropdowntree

      :data-source="items"
      tagMode="single"
      :autoClose=false
      :checkboxes="true"
      :check-all="true"
      :placeholder="placeholder"
      dataTextField="text"
      dataValueField="id"
      @change="onChange"
      v-model="selectedItems"
      style="width: 100%;"
      height="auto"
      >
    </dropdowntree>    


Petar
Telerik team
 answered on 27 May 2021
1 answer
348 views

Hello All,

I am facing issue of sorting functionality in grid with vuejs.

In grid records are sorting in ascending/descending on click on column name.

But my column name is simple string but field is dot (.) separated value then it is not working.

e.g. - 

columnsDefinitions: [ {
    field: 'user.role.name',
    title: 'rolename',
},

where user.role.name is a key of JSON getting from back-end.

Error : -

Uncaught TypeError: Cannot read property 'role' of undefined
    at eval (eval at getter (kendo.core.js?38f6:4631), <anonymous>:3:15)
    at Array.eval (kendo.data.js?1f4d:994)
    at eval (kendo.data.js?1f4d:1031)
    at Array.sort (<anonymous>)
    at Query.order (kendo.data.js?1f4d:1546)
    at Query.orderBy (kendo.data.js?1f4d:1549)
    at Query.sort (kendo.data.js?1f4d:1567)
    at Function.Query.process (kendo.data.js?1f4d:1866)
    at init._queryProcess (kendo.data.js?1f4d:3914)
    at init.query (kendo.data.js?1f4d:3982)

Veselin Tsvetanov
Telerik team
 answered on 20 Sep 2019
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
Editor
DatePicker
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Editor wrapper
NumericTextBox
Calendar
DateInput
Scheduler wrapper
Styling / Themes
DataSource wrappers (package)
DateTimePicker
Gantt wrapper
Chart
Chart wrappers (package)
ComboBox
Localization
Pager
Checkbox
Upload
DropDownList wrapper
Popup
Window
Error
Form
Tooltip
TreeView
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
ColorPicker
Accessibility
AutoComplete
AutoComplete wrapper
Button wrapper
ComboBox wrapper
ContextMenu wrapper
Licensing
ListBox wrapper
ListView wrapper
Map wrapper
MaskedTextBox
Menu wrapper
MultiColumnComboBox wrapper
Splitter wrapper
TabStrip wrapper
TimePicker
TreeView wrapper
TabStrip
Card
FloatingLabel
TextArea
Drawer
Stepper
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
Button
ListView
FontIcon
SVGIcon
Animation
Barcode wrapper
ButtonGroup wrapper
Chat wrapper
ColorPicker wrapper
DateInput wrappers (package)
Diagram wrapper
Dialog wrapper
Gauges wrappers (package)
MaskedTextBox wrapper
MediaPlayer wrapper
Notification wrapper
Pager wrapper
PanelBar wrapper
PivotGrid wrapper
QRCode wrapper
RangeSlider wrapper
ScrollView wrapper
Security
Slider wrapper
Switch wrapper
Tooltip wrapper
TreeList wrapper
TreeMap wrapper
Window wrapper
Avatar
StockChart
Sparkline
RadioButton
RadioGroup
Hint
Loader
ProgressBar
DateRangePicker
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
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?