Set the dropdown value with Fullpath delimeter ->

ASIM TAUSIF KHAN

Asked On July 14, 2019 09:09 AM UTC

Hi,

I want to set the dropdown value with fullpath delimeter "->". i have folder tree like

A1

B1

C2

D1

B2

C2

D2

and

A1

B1

C1

A2

B2

C2

how to set the C2 with fullpath in both scenario/

Reply | Reply with quote

Prince Oliver [Syncfusion]

Replied On July 15, 2019 09:27 AM UTC

Hello ASIM,

Thank you for contacting us.

To achieve your requirement, you can use the textmode as fullpath with delimiter. Kindly refer to the following UG documentation for further reference: https://help.syncfusion.com/js/dropdowntree/textmode#textmode-with-fullpathdelimiter

We have attached an example for your requirement, please find it in the following location: https://jsplayground.syncfusion.com/qgiu4f3w

Let us know if you need any further assistance on this.

Regards,

Prince

Reply | Reply with quote

ASIM TAUSIF KHAN

Replied On July 16, 2019 01:54 PM UTC

Actually my question was that how to set full path in edit mode if the path is save like C1->C2

Reply | Reply with quote

Prince Oliver [Syncfusion]

Replied On July 17, 2019 09:03 AM UTC

Hi ASIM,

We could not fully get your requirement in our end. Do you mean to preselect a value and set a full path? Or do you need to get full path is some event? Kindly share us more information on your requirement. This will help us provide a prompt solution.

Regards,

Prince

Reply | Reply with quote

ASIM TAUSIF KHAN

Replied On July 17, 2019 11:29 AM UTC

yes i want to preselect a value and set a full path

Reply | Reply with quote

Prince Oliver [Syncfusion]

Replied On July 18, 2019 11:52 AM UTC

Hi ASIM,

Thank you for your update.

To preselect a value and set a full path in the DropDownTree component, you need to set the selected field in the dataSource. Kindly refer to the following code.

var localData = [

{ id: 1, name: "A1", hasChild: true },

{ id: 2, pid: 1, name: "B1", hasChild: true },

{ id: 3, pid: 1, name: "B2" },

{ id: 4, pid: 1, name: "C2" },

{ id: 6, pid: 1, name: "D2" },

{ id: 8, pid: 2, name: "C2", selected: true },

{ id: 9, pid: 2, name: "D1" }

];

$('#itemList').ejDropDownTree({

treeViewSettings: {

fields: { id: "id", parentId: "pid", value: "id", text: "name", hasChild: "hasChild", dataSource: localData , selected: "selected" }

},

textMode: "fullPath",

fullPathDelimiter: "->"

});

</script>

We have attached the modified sample for your reference, please find it in the following location: https://jsplayground.syncfusion.com/qrpzek3z

Let us know if you need any further assistance on this.

Regards,

Prince

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
145924	Jul 14,2019 09:09 AM UTC	Jul 18,2019 11:52 AM UTC	jQuery	5

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US