post icon

Agregar NULLTEXT en ASPxComboBox

Cuando se utilizan controles de DevExpress tenemos disponible la propiedad NullText en las cajas de texto, para dar un efecto que si el mismo está vacío aparezca un mensaje aclaratorio sobre el contenido que requiere la caja. Es muy útil para el usuario final ésta caracteristica pero no está disponible en los comboBox.

Obviamente todo esto trabaja con javascript, y podemos crear nuestros propios efectos de manera manual ya que está incluido dentro del plan de desarrollo para los combos, pero de momento aun no.

El código es como sigue:

// funcion para dar efecto de NULLTEXT en el comboBox
function ComboLostFocus(s, e, nullText) {
    if (s.GetValue() != "" && s.GetValue() != null)
        return;

    var input = s.GetInputElement();
    input.style.color = "gray";
    input.value = nullText;
}

// funcion para quitar efecto de NULLTEXT en el comboBox
function ComboGotFocus(s, e, nullText) {
    var input = s.GetInputElement();

    if (input.value == nullText) {
        input.style.color = "black";
        input.value = "";
    }
}

// funcion para dar efecto de NULLTEXT en el comboBox
function ComboInit(s, e, nullText) {
    ComboLostFocus(s, e, nullText);
}

Quedano algo así el código ASPx

<dx:ASPxComboBox ID="cmb" runat="server" DropDownStyle="DropDown" ValueType="System.Int32">
     <Items>
        <dx:ListEditItem Text="Uno" Value="1" />
        <dx:ListEditItem Text="Dos" Value="2" />
        <dx:ListEditItem Text="Tres" Value="3" />
     </Items>
     <ClientSideEvents Init="ComboInit(s, e, 'Mi texto personalizado');" LostFocus="ComboLostFocus(s, e, 'Mi texto personalizado');" GotFocus="ComboGotFocus(s, e, 'Mi texto personalizado');" />
</dx:ASPxComboBox>

Comentarios desde Facebook:

Sin Comentarios aun, puedes tú ser el primero en comentar!

Deja tu Comentario

Responder