angular2 routing - Adding Links not working in ng2-smart table -


im trying add link in ng2-smart table plugin of angular 2

https://akveo.github.io/ng2-smart-table/#/examples/custom-editors-viewers

for adding link have given below:

mycomponent.ts

@component({ template: ` {{rendervalue}} `, })  export class customrendercomponent implements viewcell, oninit {    rendervalue: string;    @input() value: string | number;   @input() rowdata: any;    ngoninit() {     this.rendervalue = this.value.tostring().touppercase();   }  }   @component({    template: `     name: <input [ngclass]="inputclass"         #name         class="form-control short-input"         [name]="cell.getid()"         [disabled]="!cell.iseditable()"         [placeholder]="cell.gettitle()"         (click)="onclick.emit($event)"         (keyup)="updatevalue()"         (keydown.enter)="onedited.emit($event)"         (keydown.esc)="onstopediting.emit()"><br>     url: <input [ngclass]="inputclass"         #url         class="form-control short-input"         [name]="cell.getid()"         [disabled]="!cell.iseditable()"         [placeholder]="cell.gettitle()"         (click)="onclick.emit($event)"         (keyup)="updatevalue()"         (keydown.enter)="onedited.emit($event)"         (keydown.esc)="onstopediting.emit()"> <div [hidden]="true" [innerhtml]="cell.getvalue()" #htmlvalue></div>   `, })  export class customeditorcomponent extends defaulteditor implements afterviewinit {    @viewchild('name') name: elementref;   @viewchild('url') url: elementref;   @viewchild('htmlvalue') htmlvalue: elementref;    constructor() {     super();  console.log('asdasdasdasdfsdfgd')   }    ngafterviewinit() {  console.log('link here')     if (this.cell.newvalue !== '') {        this.name.nativeelement.value = this.geturlname();       this.url.nativeelement.value = this.geturlhref();     }   }    updatevalue() {     const href = this.url.nativeelement.value;     const name = this.name.nativeelement.value;     this.cell.newvalue = `<a href='${href}'>${name}</a>`;   }    geturlname(): string {     return this.htmlvalue.nativeelement.innertext;   }    geturlhref(): string {     return this.htmlvalue.nativeelement.queryselector('a').getattribute('href');   }      }   export class  mycomponent    ...   ....   link: {     title: 'link',     type: 'html',     editor: {       type: 'custom',       component: customeditorcomponent,     },   },

with customeditorcomponent class added in code,(https://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/custom-edit-view/custom-editor.component.ts) link doesnt appear.


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more