use multiple plugin type in treeview

Mouhssine tahri

5y863Learn iOS Programming

hello

i want use multiple type in treeview

@(Html.TreeView(Model)

.EmptyContent("TelepacTechnology.")

.Children(m => m.childs)

.HtmlAttributes(new { id = "tree" })

.ChildrenHtmlAttributes(new { @class = "subItem" })

.ItemText(m => m.Libelle)

.ItemTemplate(

@if (@item.Cat == 0)

{

@item.TNiveau.LibelleNiv @item.Libelle

}

else

{

@item.Code @item.Intitule @item.Responsable

}

/**/

)

"types": {

"default": { "icon": "fa fa-sitemap" },

"fax": { "icon": "fa fa-sitemap" },

"poste": { "icon": "fa fa-phone" }

if (@item.Cat == 0) i want use type fax

else i want use type poste

thanks

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vinay Singh5y ago
Accepted answer
If you dont want to use third party plugin on that case prepare a css class and aply it as per condation.
Eg:
@if (@item.Cat == 0)
{
"@item.Libelle" data-toggle="" data-target="" data-jstree='{"icon":"glyphicon glyphicon-leaf"}' desc="@item.Libelle" onclick="Affiche_Entite_row( ' @item.Code ' );" class="phonecss">@item.TNiveau.LibelleNiv @item.Libelle
}
else
{
"@item.Libelle" data-toggle="" data-target="" data-jstree='{ "type" : "poste" }' "s" : "tree" desc="@item.Libelle" onclick="Affiche_Poste_row( ' @item.Code ' );" class="faxiconcss">@item.Code @item.Intitule @item.Responsable
}
+1
Mouhssine tahri5y ago
hello
thanks for reply
i thik i can resolve my problem
i use :
.phonecss {
position:relative;
}
.phonecss:before {
font-family: FontAwesome;
top:0;
left:-5px;
padding-right:10px;
content: "\f0a9";
vertical-align: middle;
}
and i set
"icons": false in
$('#jstree').jstree({
"core": {
"multiple": true,
"check_callback": true,
'themes': {
"responsive": true,
'variant': 'larg',
'stripes': false,
'dots': true,
"icons": false

+1
Mouhssine tahri5y ago
hello
thanks for reply
i use your solution i add class="phonecss"
and i add script css:
.phonecss {
position:relative;

}
.phonecss:before {
font-family: FontAwesome;
top:0;
left:-5px;
padding-right:10px;
content: "\f0a9";

vertical-align: middle;
}

i have this result with icon
first icon create by css script
second icon is creste by type of :"default": { "icon": "fa fa-sitemap" } rom below function

$(function () {

$('#jstree').jstree({
"core": {
"multiple": true,
"check_callback": true,
'themes': {
"responsive": true,
'variant': 'larg',
'stripes': false,
'dots': true
}
},
"types": {
"default": { "icon": "fa fa-sitemap" },
"fax": { "icon": "fa fa-sitemap" },
"poste": { "icon": "fa fa-phone" }
},
i want only the first icon create by script css ;
i dont know how ignor the second icon can you help me

+1
Mouhssine tahri5y ago
thankx for reply but i am use dotnet MVC to create treeview

how to applicate it in my code
@(Html.TreeView(Model)
.EmptyContent("TelepacTechnology.")
.Children(m => m.childs)
.HtmlAttributes(new { id = "tree" })
.ChildrenHtmlAttributes(new { @class = "subItem" })
.ItemText(m => m.Libelle)
.ItemTemplate(
@
@if (@item.Cat == 0)
{
@item.TNiveau.LibelleNiv @item.Libelle
}
else
{
@item.Code @item.Intitule @item.Responsable
}
/**/
/**/
/**/
/**/
)
)
+1
Vinay Singh5y ago
Try this plugin
https://www.jqueryscript.net/other/File-Explorer-Tree-View-Plugin-jQuery.html

Demo:
https://www.jqueryscript.net/demo/File-Explorer-Tree-View-Plugin-jQuery/
+1
Mouhssine tahri5y ago
hello

i want in my tree view using multiple icon according value from database in my example

if (@item.Cat == 0) i want use icon fax
if (@item.Cat ==1) i want use type phone

thanks
+1
Vinay Singh5y ago
Hi your question is not much clear. Please make it more clear.
+1