jQWidgets Forums

Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts

  • morosos
    Blocked

    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.


    morosos
    Blocked

    Maybe 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;
    };

    in reply to: Cellhover in Angular? Cellhover in Angular? #113742

    morosos
    Blocked

    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 reply to: Cellhover in Angular? Cellhover in Angular? #113697

    morosos
    Blocked

    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.

    in reply to: Cellhover in Angular? Cellhover in Angular? #113696

    morosos
    Blocked

    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.

    in reply to: Cellhover in Angular? Cellhover in Angular? #113685

    morosos
    Blocked

    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?

    in reply to: Cellhover in Angular? Cellhover in Angular? #113679

    morosos
    Blocked

    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!.

Viewing 7 posts - 1 through 7 (of 7 total)