|
|
|
Rank: Member
Groups: Registered
Joined: 3/24/2014
Posts: 4
|
Hello, I’m new to this forum and we are in process of evaluating this tool on one of my project and if someone implemented this tool for Ext-JS textarea component, could you please share sample code with me My textarea is very simple in side "Ext.form.Panel" items: [{ xtype:'textarea', fieldLabel: 'Project Description', name: 'project_description', anchor:'96%', listeners: { render: function(){ alert("Hello"); } } }] Will really appreciate if you can share some sample code how to implement for EXTJS textarea component… I saw some sample for RSCustomInterface but not very clear one this. Thanks -Srini Srini
|
|
|
|
Rank: Advanced Member
Groups: Administrators, Registered
Joined: 8/13/2004
Posts: 2,669
Location: Canada
|
Sorry, as you type isn't going to work with ExtJS and even a regular textarea, it seems something is going on under the covers with ExtJS that is not compatible with what we do to the textarea. Static underlining would probably work (where the user presses a button and the underlines appear in the textarea which also becomes read only until the button is pressed again) - would you like info on that? You can do dialog check very easily app.jsCode:
/*global Ext:false */
Ext.onReady(function() {
Ext.create('Ext.form.FormPanel', {
title: 'Sample TextArea',
width: 400,
bodyPadding: 10,
renderTo: 'panel',
items: [{
xtype: 'textareafield',
grow: true,
name: 'message',
fieldLabel: 'Message',
anchor: '100%'
}]
});
});
index.htmlCode:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Ext.form.field.TextArea Example</title> <link rel="stylesheet" href="http://cdn.sencha.io/try/extjs/4.1.0/resources/css/ext-all-gray.css"/> <script src="a.rapidspellweb?t=r&n=RapidSpell-DIALOG.js"></script> <script src="http://cdn.sencha.io/try/extjs/4.1.0/ext-all-debug.js"></script> <script src="app.js"></script> </head> <body> <form> <div id='panel'> </div> </form> <input type="button" onclick="rapidSpell.dialog_spellCheck()" value="Spell"/> </body> </html> (This assumes you've setup the web.xml per our installation section in the Help). http://keyoti.com/produc...on%20&%20Deployment.htm
Note it's important that the textarea is added to something inside of a <form>. Best Jim -your feedback is helpful to other users, thank you!-your feedback is helpful to other users, thank you!
|
|
|
|
Rank: Member
Groups: Registered
Joined: 3/24/2014
Posts: 4
|
Hi Jim, Thank you very much for the confirmation and the code for textarea, really my application is all in Ext-JS components (including buttons) no native HTML tags and somehow i was able to implement Spellcheck with clicking on button and opening a popup window, but one of our main business requirement is "As you Type" dynamic nature. If you have any other turnaround for this issue that will be really great! Once again thank you very much for your kind support. Thanks -Srini quote:
Originally posted by Jim
Sorry, as you type isn't going to work with ExtJS and even a regular textarea, it seems something is going on under the covers with ExtJS that is not compatible with what we do to the textarea. Static underlining would probably work (where the user presses a button and the underlines appear in the textarea which also becomes read only until the button is pressed again) - would you like info on that?
You can do dialog check very easily
app.js
Code:
/*global Ext:false */
Ext.onReady(function() {
Ext.create('Ext.form.FormPanel', {
title: 'Sample TextArea',
width: 400,
bodyPadding: 10,
renderTo: 'panel',
items: [{
xtype: 'textareafield',
grow: true,
name: 'message',
fieldLabel: 'Message',
anchor: '100%'
}]
});
});
index.html
Code:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Ext.form.field.TextArea Example</title> <link rel="stylesheet" href="http://cdn.sencha.io/try/extjs/4.1.0/resources/css/ext-all-gray.css"/> <script src="a.rapidspellweb?t=r&n=RapidSpell-DIALOG.js"></script> <script src="http://cdn.sencha.io/try/extjs/4.1.0/ext-all-debug.js"></script> <script src="app.js"></script> </head> <body> <form> <div id='panel'> </div> </form> <input type="button" onclick="rapidSpell.dialog_spellCheck()" value="Spell"/> </body> </html>
(This assumes you've setup the web.xml per our installation section in the Help). http://keyoti.com/produc...on%20&%20Deployment.htm
Note it's important that the textarea is added to something inside of a <form>.
Best
Jim
-your feedback is helpful to other users, thank you!
Srini
|
|
|
