WebTextEdit - ClientSide javascript change textbox value

365

Ismail posted over 16 years ago

Hi, i need help please!

I can change the style of a textbox, but now I must have 4 textboxes that creates one textbox value.

So i want onchange of textbox: append and the value to text box:

eg: Value Text box: aa bb cc

Textbox1: aa ; Texbox2: bb, Textbox: cc

Onchange of each of the 3 textboxes create Value Textbox value:

This is the code i have to change the style:

var edit = igedit_getById("FG1010NItemD"); edit.Element.style.backgroundColor = 'red';

Regards

Parents

365

Ismail posted over 16 years ago

Great Stuff and thank You very much

var edit = igedit_getById("FG1010NItemD"); var TextBox1 = igedit_getById("FG1010NItemDBrand");

var TextBox2 = igedit_getById("FG1010NItemDType"); var TextBox3 = igedit_getById("FG1010NItemDVar");

var TextBox4 = igedit_getById("FG1010NItemDConfig"); var Text1 = TextBox1.getText();var Text2 = TextBox2.getText();

var Text3 = TextBox3.getText(); var Text4 = TextBox4.getText(); edit.setText(Text1 + " " + Text2 + " " + Text3 + " " + Text4);

Only problem i have is that this does not work when Valuebox (edit) is a readonly field.

When i set this field to false then it works!

Is there a way around this, and once again thank you!
Cancel
Reply

Verify Answer

Cancel
365

Ismail posted over 16 years ago in reply to Ismail

Hay, I got a problem.

I need to have a maxlength on the Valuebox

So that it only takes the first 30 chars, does not need to dissalow but on type trim to only 30 chars.

Please Assist!
Cancel
Reply

Verify Answer

Cancel

Reply

1354

[Infragistics] Dawud Muhsin posted over 16 years ago in reply to Ismail

Hello again, I modified the sample page to include the issues you brought up. Regarding ReadOnly=true, that should work as setting that property only affects what a user will be able to input via the keyboard. You should still be able to update the text box via the setText method. As far as the max length goes, again, this only restricts what the user will be able to input so I modified the script to call substring on the ValueText textbox to only return the first 30 characters.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebTextEditForumQ.aspx.cs"
    Inherits="WebTextEditForumQ" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

<script type="text/javascript" id="igClientScript">

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr>
                <td>
                    TextBox 1
                </td>
                <td>
                    TextBox 2
                </td>
                <td>
                    TextBox 3
                </td>
            </tr>
            <tr>
                <td>
                    <igWeb:WebTextEdit ID="TextBox1" runat="server">
                        <ClientSideEvents TextChanged="TextBox1_TextChanged" />
                    </igWeb:WebTextEdit>
                </td>
                <td>
                    <igWeb:WebTextEdit ID="TextBox2" runat="server">
                        <ClientSideEvents TextChanged="TextBox1_TextChanged" />
                    </igWeb:WebTextEdit>
                </td>
                <td>
                    <igWeb:WebTextEdit ID="TextBox3" runat="server">
                        <ClientSideEvents TextChanged="TextBox1_TextChanged" />
                    </igWeb:WebTextEdit>
                </td>
            </tr>
        </table>
        <br />
        <br />
        Value Text Box:<br />
        <igWeb:WebTextEdit ID="ValueText" runat="server" ReadOnly="True" MaxLength="30">
        </igWeb:WebTextEdit>
    </div>
    </form>
</body>
</html>
-Dawud
Cancel
Reply

Verify Answer

Cancel

Children

365

Ismail posted over 16 years ago in reply to [Infragistics] Dawud Muhsin

To kind - thank you for sharing your knowledge.

you are good..

Thank You for taking time and assisting me.
Cancel
Reply

Verify Answer

Cancel