Jump to content

change background tunimdbnumberedi leaving the field


zanona

Recommended Posts

Hi,

 

If I understand you correctly, one of the possible solution to use CSS.

 

For example:

 

1. UniServerModule -> CustomCSS:

.myEl {
    background-color: green;
}

.myEl:focus {
    background-color: white;
}

2. UnimDBNumberEdit -> ClientEvents -> .....

function beforeInit(sender, config)
{
    config.inputCls="myEl";
}

Best regards,

Link to comment
Share on other sites

I was trying like this, OnChange!

procedure TMainmForm.setColorNeg(vpComp: TUNIMDBNUMBEREDIT);
  var
    vrsStr, vrsStrBak : string;
begin
  vrsStr := 'function beforeInit(sender, config)';
  vrsStr := vrsStr + '{';
  vrsStr := vrsStr + ' config.maxLength=10;';
  vrsStr := vrsStr + ' config.clearIcon=false;';
  vrsStr := vrsStr + ' config.inputCls="myEl";';
  vrsStr := vrsStr + '}';
 
  vrsStrBak := 'function beforeInit(sender, config)';
  vrsStrBak := vrsStrBak + '{';
  vrsStrBak := vrsStrBak + ' config.maxLength=10;';
  vrsStrBak := vrsStrBak + ' config.clearIcon=false;';
  vrsStrBak := vrsStrBak + ' config.inputCls="myEl2";';
  vrsStrBak := vrsStrBak + '}';
 
  vpComp.ClientEvents.UniEvents.Clear;
  if vpComp.Value<0 then begin
    vpComp.ClientEvents.UniEvents.Add(vrsStr);
  end else begin
    vpComp.ClientEvents.UniEvents.Add(vrsStrBak);
  end;
end;
Link to comment
Share on other sites

Hi,

 

You can try this JS code:

 

UnimDBNumberEdit1 -> ClientEvents -> ExtEvents -> function change:

function change(sender, newValue, oldValue, eOpts)
{
    var me=sender.element.down('input');
    if (newValue < 0) {
        me.removeCls('myEl2');
        me.addCls('myEl1');
    }
    else {
        me.removeCls('myEl1');
        me.addCls('myEl2');
    }
}

Best regards,

Link to comment
Share on other sites

×
×
  • Create New...