textBox ontextChanged не срабатывает, когда пользователь добавляет текст

Question

Я создаю текстовое поле внутри повторителя, как это (поэтому есть много текстовых полей, созданных внутри цикла и добавленных к элементу управления повторителя)

.aspx.cs

 TextBox textBox = new TextBox();
 textBox.TextChanged += new EventHandler(textBox_TextChanged);

иУ меня есть такая функция для изменения цвета фона textBox на белый, если в этом текстовом поле есть какой-то текст (он желтый при создании формы)

protected void textBox_TextChanged(object sender, EventArgs e)
{
    TextBox textBox = sender as TextBox;
    if (textBox.Text != String.Empty)
    {
        textBox.BackColor = System.Drawing.Color.White;
    }
}

, но функция, кажется, не нажимается навсе.Любые указатели на то, что я делаю неправильно?

Спасибо.

Answer 1

Я бы предложил сохранить туда-обратно на сервер и сделать это с помощью JavaScript.Когда вы создаете свой элемент управления в коде, добавьте атрибут события клиента onchange и обработайте его:

myTextBox.Attributes.Add("onchange", 
       "this.style.backgroundColor = (this.value != '')?'#fff':'yellow';");

Надеюсь, это поможет!

Answer 2

Спасибо, ребята, за помощь.Это последний код, который я использовал .aspx.cs.

textBox.Attributes.Add("onkeypress","javascript:changebackgroundcolor()");

.aspx

<script type="text/javascript">
        function changebackgroundcolor() {
            var element;
            for (var i = 0; i < document.forms[0].elements.length; i++) {
                element = document.forms[0].elements[i];

                switch (element.type) {
                    case 'textarea':
                        if (element.value.length > 0) {
                            element.style.borderwidth = "thin";
                            element.style.bordercolor = "White";
                            element.style.borderstyle = "solid";
                        }
                        break;
                }
            }
        }
</script>

Answer 3

Пример сценария Java

<script type="text/javascript" language="javascript">
    function runScript(evt, ID) {
        var ctl = document.getElementById(ID.id);
        if (ctl.value == '') {
            ctl.style.backgroundColor = '#FFFF00';
        }
        else
            ctl.style.backgroundColor = '#FFFFFF';

        return true;
    }
</script>

---

Пример элемента управления повторителем HTML

<asp:Repeater ID="rpt" runat="server">
    <HeaderTemplate>
        <table>
            <tr>
                <td>
                    textBox
                </td>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td>
                <asp:TextBox ID="ed" runat="server" BackColor="Yellow" onkeyUp="return runScript(event, this)" autocomplete="off"></asp:TextBox>
            </td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>