jQWidgets Forums
Forum Replies Created
-
Author
-
August 27, 2021 at 2:57 pm in reply to: Column filter used by createwidget Column filter used by createwidget #120656
The component is very simple, it is only a text, accompanied by an icon with additional information.
I’d like to filter it by the configuration.phrase text at the very least.<div style="text-align:center;"> <div style="margin-top: -3px; display:inline;" class="jqx-grid-cell-left-align">{{configuration.phrase}} </div> <mat-icon style=" display:inline;" [class]="'icon-tooltip-table'" [matTooltip]="configuration?.iconValue">info </mat-icon> <div>
export interface PhraseIconConfig { phrase: string; iconValue: any; } @Component({ selector: 'app-custom-phrase-icon', templateUrl: './custom-phrase-icon.component.html', }) export class CustomPhraseIconComponent { @Input() configuration: PhraseIconConfig; constructor() {} }
Thanks and best regards.
May 12, 2021 at 1:26 pm in reply to: jqxGrid type checkbox unchecked events jqxGrid type checkbox unchecked events #115253Maybe I explained it wrong.
I have rendered a <select> inside a cell using ‘cellsrenderer’, the select looks good visually, but I need to assign events for when the value changes, and I want to know how to assign them to them.
` private _getActualValueBoolean = (row): string => {
let cell =
‘<select style=”width: 100%; height: 100%; border: white;” onchange=”myFunction()”>’;
if (row.actualValue == ‘true’) {
cell += ‘<option selected=”selected” value=”true”>Yes</option>’;
cell += ‘<option value=”false”>No</option>’;
}
if (row.actualValue == ‘false’) {
cell += ‘<option value=”true”>Yes</option>’;
cell += ‘<option selected=”selected” value=”false”>No</option>’;
}cell.concat(‘</select>’);
return cell;
};Thanks for answering, I’ve been trying for a few days but I can’t get a normal behaviour.
for example, the tooltip should open after X seconds and if I change cells it closes, and wait to open again but the event continues and drags an open tooltlip through all the cells, I have tried different ways, either with functions from the library or some of mine, but not
In fact, the cellhover function returns each of the cells from the first to the last, so the tooltip always shows me the value (the last one in each row).
It’s rare.
First, thanks again.
It works but it has a strange behavior.cellhover=(element, pageX, pageY)=>{ this.mytooltip.setOptions({content: element.innerHTML}) this.mytooltip.open(pageX, pageY); }
If I make a console.log of that element.innerHTML the value is correct but when the tooltip is rendered it shows me the value of the cell of that row that is in the last column, I have changed the order of the columns but I will always open the tooltip with the value of the last column.
Right now i have this
cellhover=(element, pageX, pageY)=>{ const toolTipSettings: jqwidgets.TooltipOptions = { content: element.innerHTML, } this.myTooltip.createComponent(toolTipSettings); this.myTooltip.open(pageX, pageY) }
<jqxTooltip #tooltipReference></jqxTooltip>
The problem is that it shows me the tooltip but empty, it doesn’t show the text, also if I change the cell it doesn’t restart if I use the function this.myTooltip.close(), any idea?
Thank you very much for answering, it already works, Now my goal is that with that information received I can create a jqxtooltip custom in a dynamic way,
Any examples?Thank you again!.
-
AuthorPosts