How to setting clientside TunimMemo autoHeight to get width and height with resize event?

[newsanti]

How to setting clientside TunimMemo autoHeight to get width and height with resize event?

[Sherzod]

30 minutes ago, newsanti said:

How to setting clientside TunimMemo autoHeight to get width and height with resize event?

Hello,

Your question regarding the resize event is not very clear.

I guess if you are using client-side alignment, you can use layouts.

[newsanti]

5 minutes ago, Sherzod said:

Hello,

Your question regarding the resize event is not very clear.

I guess if you are using client-side alignment, you can use layouts.

I want TunimMemo to auto height with textlength.

 

Mobile Memo.zip

[Sherzod]

I will try to check. 

[Sherzod]

1 hour ago, newsanti said:

I want TunimMemo to auto height with textlength.

This approach may help you:

UnimMemo1.ClientEvents.UniEvents ->

function beforeInit(sender, config)
{
    config.listeners = {
        keyup: function(textarea) {
            var inputEl = textarea.inputElement,
                textHeight = inputEl.dom.scrollHeight;

            textarea.setHeight(textHeight);
        }
    }
}

 

[newsanti]

7 hours ago, Sherzod said:

This approach may help you:

UnimMemo1.ClientEvents.UniEvents ->

function beforeInit(sender, config)
{
    config.listeners = {
        keyup: function(textarea) {
            var inputEl = textarea.inputElement,
                textHeight = inputEl.dom.scrollHeight;

            textarea.setHeight(textHeight);
        }
    }
}

 

function beforeInit(sender, config)
{
    config.listeners = {
        keyup: function(textarea) {
            var inputEl = textarea.inputElement;
                textHeight = inputEl.dom.scrollHeight;
            if textarea.getValue()=='' then         //Check when backspace and empty
              textHeight=30;
            textarea.setHeight(textHeight);
        }
    }
}

If add condition when backspace not work?  How to fix it?

[Sherzod]

1 minute ago, newsanti said:

If add condition when backspace not work?  How to fix it?

?

 

if textarea.getValue()=='' then         //Check when backspace and empty
              textHeight=30;

 

if (textarea.getValue() == '') {
    textHeight=30;
}

 

[newsanti]

5 minutes ago, Sherzod said:

?

 

if textarea.getValue()=='' then         //Check when backspace and empty
              textHeight=30;

 

if (textarea.getValue() == '') {
    textHeight=30;
}

 

function beforeInit(sender, config)
{
    config.listeners = {
        keyup: function(textarea) {
               var inputEl = textarea.inputElement;
                textHeight = inputEl.dom.scrollHeight;
               if (textarea.getValue() == '') {
                 textHeight=30;
               }
            textarea.setHeight(textHeight);
            if (textHeight != textarea.getHeight()) then {       //check to fire resize not work ? How to fix?
              ajaxRequest(sender,'_resize',{H: textHeight});
            }  
        }
    }
}

[Sherzod]

Remove "then"

[newsanti]

3 minutes ago, Sherzod said:

Remove "then"

Thanks.

[newsanti]

37 minutes ago, newsanti said:

Thanks.

 

37 minutes ago, newsanti said:

Thanks.

Finally ..My code completed. 

function beforeInit(sender, config)
{
    config.listeners = {
        keyup: function(textarea) {
               var inputEl = textarea.inputElement;
               textHeight = inputEl.dom.scrollHeight;

               if (textarea.getValue() == '') {
                 textHeight=35;
               } 
            if (textHeight != textarea.getHeight()) {
              var H1 = textHeight;
              var H2 = textarea.getHeight();
              if (H1<=35*4) { textarea.setHeight(textHeight); }
              ajaxRequest(sender,'_resize',{newH: H1, oldH: H2});
            }
        }
    }
}

[newsanti]

On 2/22/2024 at 11:15 AM, Sherzod said:

This approach may help you:

UnimMemo1.ClientEvents.UniEvents ->

function beforeInit(sender, config)
{
    config.listeners = {
        keyup: function(textarea) {
            var inputEl = textarea.inputElement,
                textHeight = inputEl.dom.scrollHeight;

            textarea.setHeight(textHeight);
        }
    }
}

 

procedure TMainmForm.UnimFormShow(Sender: TObject);
begin
  UnimMemo1.Clear;
  UnimMemo1.Lines.Add('TestLine1');
  UnimMemo1.Lines.Add('TestLine2');
  UnimMemo1.Lines.Add('TestLine3');
  UnimMemo1.Lines.Add('TestLine4');
  UnimMemo1.Lines.Add('TestLine5');
  UnimMemo1.Lines.Add('TestLine6');
  UnimMemo1.Lines.Add('TestLine7');
  UnimMemo1.Lines.Add('TestLine8');
end;

If fill data by code .. How to change height of textarea?
This code change only keyup event.

[Sherzod]

Hello, 

I will try to check.