How to use filterable-ui attribute in TreeList with Vue

[Wei]

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]

Hi,

I have created a simple example where the filterable-ui worked correctly at my side - the thing that I changed was to set a resourceDataSource to the dataSource of the DropDownList. Please review it and let me know if you have further questions.

Regards,
Plamen
Progress Telerik

[Wei]

Thanks for replay.

Now I do rend the dropdownList, while how can I remove the logic dropdownList ( to choose and/or ) and the second dropdownList?

I try to remove them by select them though element argument from callback with jquery, but it seem can not get them successfully.

 

 

[Plamen]

Hi,

it is not quite clear what you are trying to achieve would you please elaborate it a little bit by providing an image of the desired behavior and the exact steps to replicate the unwanted behavior so we could inspect it deeper.

Regards,
Plamen
Progress Telerik