Textinput

[LiqueminMember]

How can I use jqxmaskedinput for textinput? Please give a codeexample. Thanks!

[Peter StoevKeymaster]

Hi Liquemin,

You can’t use the jqxMaskedInput for simple text input. It uses only masks. If you need an input widget, use the HTML Input tag. To style it with our themes, add the jqx-input class to it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[LiqueminMember]

Thanks, it works perfectly.

Liquemin.

[gtielemansParticipant]

When using a grid, I can get a kind of “auto-update” of items in teh grid on the server.
How can I get that for simpel input? (using jxqmaskedinput + regex?)

[Peter StoevKeymaster]

Hi gtielemans,

jqxGrid does not currently support jqxMaskedInput editor. We will consider adding it as an optional editor in a future version.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[chriswhindsMember]

Any plans to create a “jxqSimpleTextInput” llike control , pretty much a masked edit control without the mask?
This would facilitate a uniform API across all UI widgets. Basically , getting all of the theme support and event handling as well basic support for “val” methods and the like?

-Chris

[Peter StoevKeymaster]

Hi Chris,

There is already such widget and it is called jqxInput.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[chriswhindsMember]

Pete thanks for the fast reply;

Used it , but when I issue the method call val after typing something in the box, as in $(“blahbalh”).jqxInput(‘val’) to retrieve the value I get an “Undefined” returned and not the text in the box.

the control is defined like so:

$(“#newScenarioName”).jqxInput({ theme: ‘darkblue’, placeHolder: “Enter New Name”, width: ‘150px’, height: ’20px’ });

…. …some code …. some code..

Scenario Name:

As you can see from my definition I’m not using the source so I would expect the behavior to be just a plain text box with no dropdown list.

Now the docs show this as a text control with a autocomplete drop down list.

Am I using and defining the control correctly?

[chriswhindsMember]

Sorry the conrol html looks like this

“”

Chris

[Peter StoevKeymaster]

Hi Chris,

As this is HTML Input, you can write: $(“#newScenarioName”).val();

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[chriswhindsMember]

div id="senarioWhatIfTradeBlotterControlsGroup" style="width:950px ;left: 2px;">
				<span style="position:absolute; top:218 ;left:5 ; font: bold 11px arial,sans-serif;">Scenario Name:</span>
				
			<input id="newScenarioName"  style="position:absolute; top:215 ;left:110 ; font: bold 11px arial,sans-serif;"  type="text" name="scenarioname" />
			

Chris

[Peter StoevKeymaster]

Hi Chris,

What is the purpose of that code? jqxInput is a widget built from HTML Input tag and you can use the ‘val’ method by doing

$("#input").val();

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[chriswhindsMember]

Peter , thanks that worked.

Cheers
Chris

[Author]

Posts