public override ReactElement Render()
{
var taAtt = new TextAreaAttributes {
Style = Style.Margin(5).Padding(5).FontSize(18).Width(500),
ClassName = props.Titre.Value,
Name = props.Titre.Value,
//Cols = 10,
Wrap = Html5.Wrap.Soft,
Rows = 5,
MaxLength = 10,
Value = ListToString(props.ItemApi),
OnChange = e => props.OnChangeSTB(e.CurrentTarget.Value),
Ref = e => _element = e,
//SelectionStart = _selStart,
//SelectionEnd = _selEnd
};
var ti = new TextInput(
disabled: props.Disabled,
content: props.InputValueSTB.ToString(),
onChange: e => props.OnChange(e),
className: new NonBlankTrimmedString("Content")
);
var ba = new ButtonAttributes
{
Disabled = string.IsNullOrWhiteSpace(props.InputValueSTB.ToString()),
OnClick = e => props.OnSave()
//OnClick = async(e) =>
//{
// props.OnSave();
// await props.MessageApi.SaveMessage(iDelaiMsec: 1000);
// _element.Select();
// //ScrollToBottom();
//},
};
return
(DOM.FieldSet(
new FieldSetAttributes {
ClassName = props.Titre.Value
},
DOM.Legend(null, props.Titre.Value), // ToDo : éviter saut de ligne
DOM.Span(new Attributes {
ClassName = "label"
}, "Add item : "),
ti,
DOM.TextArea(taAtt),
DOM.Button(ba, "Add")
));
}
public extern static ReactElement TextArea(TextAreaAttributes properties, params ReactElementOrText[] children);
