How to call html page when I click on link in a cell rendered through cellrendererframework in angular 6
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
1
I am using angular 6 and I have a main component of users. I have an aggrid and one of the columns should be icon for edit. I create a separate cellrendereframeork component in which I have template with link and on click it calls method in the same component. I am able to render col with edit link and also on click of the link I am able to go to the method I created and see that that particular row data is displayed. But instead of just viewing the data on click of the icon I need to go to a different page to edit the users. How do I achieve this
angular asked Nov 16 '18 at 13:55
anneanne
61
|
show 1 more comment
1
I am using angular 6 and I have a main component of users. I have an aggrid and one of the columns should be icon for edit. I create a separate cellrendereframeork component in which I have template with link and on click it calls method in the same component. I am able to render col with edit link and also on click of the link I am able to go to the method I created and see that that particular row data is displayed. But instead of just viewing the data on click of the icon I need to go to a different page to edit the users. How do I achieve this
angular asked Nov 16 '18 at 13:55
anneanne
61
Welcome to SO. Please provide a Minimal, Complete, and Verifiable example. Show us the code for your latest attempt and where you got stuck. and explain why the result is not what you expected. Edit your question to include the code, please don't add it in a comment, as it will probably be unreadable. stackoverflow.com/help/mcve It is better to show what is actually happening, rather than describing what you expect to happen. Please include code and output as content for your question, not as pictures or external links.
– Dragonthoughts
Nov 16 '18 at 13:57
In user.component.ts I have const columnDefs=[ {headerName=‘UserName’, field=‘username’}’ {headerName=‘’, cellRendererFramework: EditCellRendererCompoment}]; In EditCellRendererComponent.ts I have selector: ‘edit-cell-renderer.component, template: ‘<a (click)=“editRow()”><i class=“fa fa-wrench”></I></a>
– anne
Nov 16 '18 at 14:54
This displays icon in each row of the grid and I am able to click it as I have marked it as <a>. On click it goes to the editRow method in editcellrenderercompoment and I am able to display the data of the row on which this icon was clicked. But what I want is on click another component should be called which is another screen with username field to update the name instead of just displaying the value of the row. I should also be able to pass the row data to the edit screen as well
– anne
Nov 16 '18 at 14:54
Hello Anne, as I asked before, Edit your question to include the code, please don't add it in a comment , as it will probably be unreadable. You are unlikely to get any useful responses if you don't give people the information that they need in an accessible form.
– Dragonthoughts
Nov 16 '18 at 15:01
Ya I did put the code for columnDef and editcellrenderercomponent as well in the comment
– anne
Nov 16 '18 at 15:29
|
show 1 more comment
1
1
1
I am using angular 6 and I have a main component of users. I have an aggrid and one of the columns should be icon for edit. I create a separate cellrendereframeork component in which I have template with link and on click it calls method in the same component. I am able to render col with edit link and also on click of the link I am able to go to the method I created and see that that particular row data is displayed. But instead of just viewing the data on click of the icon I need to go to a different page to edit the users. How do I achieve this
angular asked Nov 16 '18 at 13:55
anneanne
61
I am using angular 6 and I have a main component of users. I have an aggrid and one of the columns should be icon for edit. I create a separate cellrendereframeork component in which I have template with link and on click it calls method in the same component. I am able to render col with edit link and also on click of the link I am able to go to the method I created and see that that particular row data is displayed. But instead of just viewing the data on click of the icon I need to go to a different page to edit the users. How do I achieve this
angular angular asked Nov 16 '18 at 13:55
anneanne
61
asked Nov 16 '18 at 13:55
anneanne
61
asked Nov 16 '18 at 13:55
anneanne
61
asked Nov 16 '18 at 13:55
anneanne
61
asked Nov 16 '18 at 13:55
anneanne
61
61
Welcome to SO. Please provide a Minimal, Complete, and Verifiable example. Show us the code for your latest attempt and where you got stuck. and explain why the result is not what you expected. Edit your question to include the code, please don't add it in a comment, as it will probably be unreadable. stackoverflow.com/help/mcve It is better to show what is actually happening, rather than describing what you expect to happen. Please include code and output as content for your question, not as pictures or external links.
– Dragonthoughts
Nov 16 '18 at 13:57
In user.component.ts I have const columnDefs=[ {headerName=‘UserName’, field=‘username’}’ {headerName=‘’, cellRendererFramework: EditCellRendererCompoment}]; In EditCellRendererComponent.ts I have selector: ‘edit-cell-renderer.component, template: ‘<a (click)=“editRow()”><i class=“fa fa-wrench”></I></a>
– anne
Nov 16 '18 at 14:54
This displays icon in each row of the grid and I am able to click it as I have marked it as <a>. On click it goes to the editRow method in editcellrenderercompoment and I am able to display the data of the row on which this icon was clicked. But what I want is on click another component should be called which is another screen with username field to update the name instead of just displaying the value of the row. I should also be able to pass the row data to the edit screen as well
– anne
Nov 16 '18 at 14:54
Hello Anne, as I asked before, Edit your question to include the code, please don't add it in a comment , as it will probably be unreadable. You are unlikely to get any useful responses if you don't give people the information that they need in an accessible form.
– Dragonthoughts
Nov 16 '18 at 15:01
Ya I did put the code for columnDef and editcellrenderercomponent as well in the comment
– anne
Nov 16 '18 at 15:29
|
show 1 more comment
Welcome to SO. Please provide a Minimal, Complete, and Verifiable example. Show us the code for your latest attempt and where you got stuck. and explain why the result is not what you expected. Edit your question to include the code, please don't add it in a comment, as it will probably be unreadable. stackoverflow.com/help/mcve It is better to show what is actually happening, rather than describing what you expect to happen. Please include code and output as content for your question, not as pictures or external links.
– Dragonthoughts
Nov 16 '18 at 13:57
In user.component.ts I have const columnDefs=[ {headerName=‘UserName’, field=‘username’}’ {headerName=‘’, cellRendererFramework: EditCellRendererCompoment}]; In EditCellRendererComponent.ts I have selector: ‘edit-cell-renderer.component, template: ‘<a (click)=“editRow()”><i class=“fa fa-wrench”></I></a>
– anne
Nov 16 '18 at 14:54
This displays icon in each row of the grid and I am able to click it as I have marked it as <a>. On click it goes to the editRow method in editcellrenderercompoment and I am able to display the data of the row on which this icon was clicked. But what I want is on click another component should be called which is another screen with username field to update the name instead of just displaying the value of the row. I should also be able to pass the row data to the edit screen as well
– anne
Nov 16 '18 at 14:54
Hello Anne, as I asked before, Edit your question to include the code, please don't add it in a comment , as it will probably be unreadable. You are unlikely to get any useful responses if you don't give people the information that they need in an accessible form.
– Dragonthoughts
Nov 16 '18 at 15:01
Ya I did put the code for columnDef and editcellrenderercomponent as well in the comment
– anne
Nov 16 '18 at 15:29
Welcome to SO. Please provide a Minimal, Complete, and Verifiable example. Show us the code for your latest attempt and where you got stuck. and explain why the result is not what you expected. Edit your question to include the code, please don't add it in a comment, as it will probably be unreadable. stackoverflow.com/help/mcve It is better to show what is actually happening, rather than describing what you expect to happen. Please include code and output as content for your question, not as pictures or external links.
– Dragonthoughts
Nov 16 '18 at 13:57
Welcome to SO. Please provide a Minimal, Complete, and Verifiable example. Show us the code for your latest attempt and where you got stuck. and explain why the result is not what you expected. Edit your question to include the code, please don't add it in a comment, as it will probably be unreadable. stackoverflow.com/help/mcve It is better to show what is actually happening, rather than describing what you expect to happen. Please include code and output as content for your question, not as pictures or external links.
– Dragonthoughts
Nov 16 '18 at 13:57
In user.component.ts I have const columnDefs=[ {headerName=‘UserName’, field=‘username’}’ {headerName=‘’, cellRendererFramework: EditCellRendererCompoment}]; In EditCellRendererComponent.ts I have selector: ‘edit-cell-renderer.component, template: ‘<a (click)=“editRow()”><i class=“fa fa-wrench”></I></a>
– anne
Nov 16 '18 at 14:54
In user.component.ts I have const columnDefs=[ {headerName=‘UserName’, field=‘username’}’ {headerName=‘’, cellRendererFramework: EditCellRendererCompoment}]; In EditCellRendererComponent.ts I have selector: ‘edit-cell-renderer.component, template: ‘<a (click)=“editRow()”><i class=“fa fa-wrench”></I></a>
– anne
Nov 16 '18 at 14:54
This displays icon in each row of the grid and I am able to click it as I have marked it as <a>. On click it goes to the editRow method in editcellrenderercompoment and I am able to display the data of the row on which this icon was clicked. But what I want is on click another component should be called which is another screen with username field to update the name instead of just displaying the value of the row. I should also be able to pass the row data to the edit screen as well
– anne
Nov 16 '18 at 14:54
This displays icon in each row of the grid and I am able to click it as I have marked it as <a>. On click it goes to the editRow method in editcellrenderercompoment and I am able to display the data of the row on which this icon was clicked. But what I want is on click another component should be called which is another screen with username field to update the name instead of just displaying the value of the row. I should also be able to pass the row data to the edit screen as well
– anne
Nov 16 '18 at 14:54
Hello Anne, as I asked before, Edit your question to include the code, please don't add it in a comment , as it will probably be unreadable. You are unlikely to get any useful responses if you don't give people the information that they need in an accessible form.
– Dragonthoughts
Nov 16 '18 at 15:01
Hello Anne, as I asked before, Edit your question to include the code, please don't add it in a comment , as it will probably be unreadable. You are unlikely to get any useful responses if you don't give people the information that they need in an accessible form.
– Dragonthoughts
Nov 16 '18 at 15:01
Ya I did put the code for columnDef and editcellrenderercomponent as well in the comment
– anne
Nov 16 '18 at 15:29
Ya I did put the code for columnDef and editcellrenderercomponent as well in the comment
– anne
Nov 16 '18 at 15:29
|
show 1 more comment
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
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%2f53339245%2fhow-to-call-html-page-when-i-click-on-link-in-a-cell-rendered-through-cellrender%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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%2f53339245%2fhow-to-call-html-page-when-i-click-on-link-in-a-cell-rendered-through-cellrender%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
Welcome to SO. Please provide a Minimal, Complete, and Verifiable example. Show us the code for your latest attempt and where you got stuck. and explain why the result is not what you expected. Edit your question to include the code, please don't add it in a comment, as it will probably be unreadable. stackoverflow.com/help/mcve It is better to show what is actually happening, rather than describing what you expect to happen. Please include code and output as content for your question, not as pictures or external links.
– Dragonthoughts
Nov 16 '18 at 13:57
In user.component.ts I have const columnDefs=[ {headerName=‘UserName’, field=‘username’}’ {headerName=‘’, cellRendererFramework: EditCellRendererCompoment}]; In EditCellRendererComponent.ts I have selector: ‘edit-cell-renderer.component, template: ‘<a (click)=“editRow()”><i class=“fa fa-wrench”></I></a>
– anne
Nov 16 '18 at 14:54
This displays icon in each row of the grid and I am able to click it as I have marked it as <a>. On click it goes to the editRow method in editcellrenderercompoment and I am able to display the data of the row on which this icon was clicked. But what I want is on click another component should be called which is another screen with username field to update the name instead of just displaying the value of the row. I should also be able to pass the row data to the edit screen as well
– anne
Nov 16 '18 at 14:54
Hello Anne, as I asked before, Edit your question to include the code, please don't add it in a comment , as it will probably be unreadable. You are unlikely to get any useful responses if you don't give people the information that they need in an accessible form.
– Dragonthoughts
Nov 16 '18 at 15:01
Ya I did put the code for columnDef and editcellrenderercomponent as well in the comment
– anne
Nov 16 '18 at 15:29