How to use JQwidgets for textarea input - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: event, jqxTextArea, keydown, Page Down, Page Up, text selection, Textarea

This topic contains 10 replies, has 6 voices, and was last updated by Dimitar 8 years, 10 months ago.

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

Author

How to use JQwidgets for textarea input Posts
June 22, 2013 at 8:55 pm How to use JQwidgets for textarea input #23630

fvalbores
Member

I need to include .
This can not be done using , is there any way using JQWidgets?

Thanks in advance

June 22, 2013 at 9:07 pm How to use JQwidgets for textarea input #23631

fvalbores
Member

I need to include textarea maxlength=”300″ cols=”100″ rows=”3″ wrap=”virtual”.
This can not be done using

, is there any way using JQWidgets?

Thanks in advance

June 24, 2013 at 7:45 am How to use JQwidgets for textarea input #23657

Mariya
Participant

Hi fvalbores,

Thank you for your interest in using jqWidgets. Unfortunately we do not have a textarea widget.

Best Wishes,
Mariya

jQWidgets Team
http://www.jqwidgets.com

November 19, 2013 at 6:19 am How to use JQwidgets for textarea input #32910

Syai
Participant

But manually it can be done by template code.

June 8, 2015 at 8:26 am How to use JQwidgets for textarea input #72139

jaffamcneill
Participant

Or simply use the Editor widget?

March 6, 2016 at 9:05 am How to use JQwidgets for textarea input #82124

Hirohito HIOKI
Participant

Hi.
How to use combination of pageup,down key with Shift key on jqxtextarea?

March 7, 2016 at 12:19 pm How to use JQwidgets for textarea input #82176
Dimitar
Participant
Hi Hirohito HIOKI,

You can use the standard jQuery events such as keydown to achieve this. Here is an example that shows how to alert a message when Shift+Page Up is pressed:
```
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtextarea.js"></script>
    <script type="text/javascript">
        $(document).ready(function ()
        {
            var quotes = [];
            quotes.push('Life is a dream for the wise, a game for the fool, a comedy for the rich, a tragedy for the poor.');
            quotes.push('Yesterday is not ours to recover, but tomorrow is ours to win or lose.');
            quotes.push('It does not matter how slowly you go as long as you do not stop.');
            quotes.push('Success depends upon previous preparation, and without such preparation there is sure to be failure.');
            quotes.push('Better a diamond with a flaw than a pebble without.');
            quotes.push('To succeed in life, you need two things: ignorance and confidence.');
            quotes.push('A successful man is one who can lay a firm foundation with the bricks others have thrown at him.');
            quotes.push('Sleep is the best meditation.');

            $('#jqxTextArea').jqxTextArea({ placeHolder: 'Enter a sentence', height: 90, width: 300, minLength: 1, source: quotes });

            $('#jqxTextArea').keydown(function (event)
            {
                if (event.keyCode === 33 && event.shiftKey === true)
                {
                    alert('Shift+Page Up has been pressed.');
                }
            });
        });
    </script>
</head>
<body class="default">
    <textarea id="jqxTextArea"></textarea>
</body>
</html>
```
Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
March 8, 2016 at 1:43 am How to use JQwidgets for textarea input #82203

Hirohito HIOKI
Participant

Hi
Thanks for your response.
But I want to that ‘pageUp&Down’+’Shift-key’ means ‘some text rows is highlight selection’.
Likely ‘down arrow-key+Shift-key’ means ‘one text row is highlight selection’.
How to imprements this function?

March 8, 2016 at 6:41 am How to use JQwidgets for textarea input #82212

Dimitar
Participant

Hi Hirohito HIOKI,

This behaviour depends on the browser itself. Right now, it seems there is a related issue in Chrome, but Shift+Page Up/Page Down works fine in a textarea (and jqxTextArea) in Internet Explorer and Firefox.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

March 8, 2016 at 6:55 am How to use JQwidgets for textarea input #82214

Hirohito HIOKI
Participant

Hi
Oh! thanks for your information.
I use ‘jqxTextarea’ instead of ‘HTML basic textarea’ for a while.

Best Regards,
Hioki

March 8, 2016 at 7:03 am How to use JQwidgets for textarea input #82215

Dimitar
Participant

Hi Hioki,

jqxTextArea contains an HTML textarea element in its structure. That is why the Chrome issue occurs for both jqxTextArea and textarea.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
Author

Posts

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

You must be logged in to reply to this topic.