not show list in jstree and angular
up vote
0
down vote
favorite
I need to Show all Role in Angular6 with Jstree.
I get All List From server but it does not show Me Anything.
how can i Solve this Problem?
My code:
Config in Index:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<title>StoreAp</title>
<base href="/">
</head>
<body>
<app-root></app-root>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
</body>
</html>
HTML :
<div class="addRole">
<div id="jstree">
</div>
</div>
<script>
$('#jstree').on('changed.jstree',function(data){
var i,j;
var postItem =;
j=data.selected.lenght;
for( i=0 ; i<j ; i++ )
{
var id=data.selected[i];
postItem.push({
text:data.instanse.get_node(data.selected[i]).text,
id:id,
parent:data.node.parents[0]
});
}
$('#selectedItems').val(JSON.stringify(postItem));
}).jstree({
"core":{
"theme":{
"variant":"large"
},
"data":subroles
},
"checkbox":{
"keep_selected_style":false
},
"plugin":["wholerow"]
});
</script>
and in .TS file
export class AccessLevelComponent implements OnInit {
public subroles:Isubrole;
constructor(private roleService:RoleServiceService) { }
ngOnInit() {
this.roleService.GetSubrole().subscribe((data)=>{
this.subroles=data;
});
}
}
javascript jquery angular angular6 jstree
edited yesterday
Fateme Fazli
3,608527
asked yesterday
Kianoush
53
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
up vote
0
down vote
favorite
I need to Show all Role in Angular6 with Jstree.
I get All List From server but it does not show Me Anything.
how can i Solve this Problem?
My code:
Config in Index:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<title>StoreAp</title>
<base href="/">
</head>
<body>
<app-root></app-root>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
</body>
</html>
HTML :
<div class="addRole">
<div id="jstree">
</div>
</div>
<script>
$('#jstree').on('changed.jstree',function(data){
var i,j;
var postItem =;
j=data.selected.lenght;
for( i=0 ; i<j ; i++ )
{
var id=data.selected[i];
postItem.push({
text:data.instanse.get_node(data.selected[i]).text,
id:id,
parent:data.node.parents[0]
});
}
$('#selectedItems').val(JSON.stringify(postItem));
}).jstree({
"core":{
"theme":{
"variant":"large"
},
"data":subroles
},
"checkbox":{
"keep_selected_style":false
},
"plugin":["wholerow"]
});
</script>
and in .TS file
export class AccessLevelComponent implements OnInit {
public subroles:Isubrole;
constructor(private roleService:RoleServiceService) { }
ngOnInit() {
this.roleService.GetSubrole().subscribe((data)=>{
this.subroles=data;
});
}
}
javascript jquery angular angular6 jstree
edited yesterday
Fateme Fazli
3,608527
asked yesterday
Kianoush
53
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
i suggest you to use jstree in angular as mentioned in this accepted answer:stackoverflow.com/questions/44987260/….
– Fateme Fazli
yesterday
@FatemeFazli i see that . its not work for me
– Kianoush
yesterday
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I need to Show all Role in Angular6 with Jstree.
I get All List From server but it does not show Me Anything.
how can i Solve this Problem?
My code:
Config in Index:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<title>StoreAp</title>
<base href="/">
</head>
<body>
<app-root></app-root>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
</body>
</html>
HTML :
<div class="addRole">
<div id="jstree">
</div>
</div>
<script>
$('#jstree').on('changed.jstree',function(data){
var i,j;
var postItem =;
j=data.selected.lenght;
for( i=0 ; i<j ; i++ )
{
var id=data.selected[i];
postItem.push({
text:data.instanse.get_node(data.selected[i]).text,
id:id,
parent:data.node.parents[0]
});
}
$('#selectedItems').val(JSON.stringify(postItem));
}).jstree({
"core":{
"theme":{
"variant":"large"
},
"data":subroles
},
"checkbox":{
"keep_selected_style":false
},
"plugin":["wholerow"]
});
</script>
and in .TS file
export class AccessLevelComponent implements OnInit {
public subroles:Isubrole;
constructor(private roleService:RoleServiceService) { }
ngOnInit() {
this.roleService.GetSubrole().subscribe((data)=>{
this.subroles=data;
});
}
}
javascript jquery angular angular6 jstree
edited yesterday
Fateme Fazli
3,608527
asked yesterday
Kianoush
53
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
I need to Show all Role in Angular6 with Jstree.
I get All List From server but it does not show Me Anything.
how can i Solve this Problem?
My code:
Config in Index:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<title>StoreAp</title>
<base href="/">
</head>
<body>
<app-root></app-root>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
</body>
</html>
HTML :
<div class="addRole">
<div id="jstree">
</div>
</div>
<script>
$('#jstree').on('changed.jstree',function(data){
var i,j;
var postItem =;
j=data.selected.lenght;
for( i=0 ; i<j ; i++ )
{
var id=data.selected[i];
postItem.push({
text:data.instanse.get_node(data.selected[i]).text,
id:id,
parent:data.node.parents[0]
});
}
$('#selectedItems').val(JSON.stringify(postItem));
}).jstree({
"core":{
"theme":{
"variant":"large"
},
"data":subroles
},
"checkbox":{
"keep_selected_style":false
},
"plugin":["wholerow"]
});
</script>
and in .TS file
export class AccessLevelComponent implements OnInit {
public subroles:Isubrole;
constructor(private roleService:RoleServiceService) { }
ngOnInit() {
this.roleService.GetSubrole().subscribe((data)=>{
this.subroles=data;
});
}
}
javascript jquery angular angular6 jstree
javascript jquery angular angular6 jstree
edited yesterday
Fateme Fazli
3,608527
asked yesterday
Kianoush
53
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited yesterday
Fateme Fazli
3,608527
asked yesterday
Kianoush
53
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited yesterday
Fateme Fazli
3,608527
edited yesterday
Fateme Fazli
3,608527
edited yesterday
Fateme Fazli
3,608527
3,608527
asked yesterday
Kianoush
53
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked yesterday
Kianoush
53
asked yesterday
Kianoush
53
53
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Kianoush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
i suggest you to use jstree in angular as mentioned in this accepted answer:stackoverflow.com/questions/44987260/….
– Fateme Fazli
yesterday
@FatemeFazli i see that . its not work for me
– Kianoush
yesterday
add a comment |
i suggest you to use jstree in angular as mentioned in this accepted answer:stackoverflow.com/questions/44987260/….
– Fateme Fazli
yesterday
@FatemeFazli i see that . its not work for me
– Kianoush
yesterday
i suggest you to use jstree in angular as mentioned in this accepted answer:stackoverflow.com/questions/44987260/….
– Fateme Fazli
yesterday
i suggest you to use jstree in angular as mentioned in this accepted answer:stackoverflow.com/questions/44987260/….
– Fateme Fazli
yesterday
@FatemeFazli i see that . its not work for me
– Kianoush
yesterday
@FatemeFazli i see that . its not work for me
– Kianoush
yesterday
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Kianoush is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
Kianoush is a new contributor. Be nice, and check out our Code of Conduct.
Kianoush is a new contributor. Be nice, and check out our Code of Conduct.
Kianoush is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53349259%2fnot-show-list-in-jstree-and-angular%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
i suggest you to use jstree in angular as mentioned in this accepted answer:stackoverflow.com/questions/44987260/….
– Fateme Fazli
yesterday
@FatemeFazli i see that . its not work for me
– Kianoush
yesterday