java textarea 对齐方式_表格布局中的多行textArea对齐codenameone

tzpv9.png

在上图中,其中一列的textArea为2行 . 因此该行占据了它的高度 . 现在我想将所有单行textarea保持在垂直中心 . 发现setVerticalAlignment等方法仅适用于单行textArea . 如何将textArea垂直对齐在中心?

我的代码:

TableLayout tl = new TableLayout(1, 5);

Container containerTableHeading = new Container(tl);

TextArea tableName = new TextArea("Table Name");

tableTextAreaStyle(tableName);

TextArea inaugurationDate = new TextArea("Inauguration Date");

tableTextAreaStyle(inaugurationDate);

TextArea areaCode = new TextArea("Area Code");

tableTextAreaStyle(areaCode);

TextArea clubAbbrName = new TextArea("Club Abbr Name");

tableTextAreaStyle(clubAbbrName);

TextArea clubCharterDate = new TextArea("Club Charter Date");

tableTextAreaStyle(clubCharterDate);

containerTableHeading.add(tl.createConstraint().widthPercentage(30), tableName);

containerTableHeading.add(tl.createConstraint().widthPercentage(20), inaugurationDate);

containerTableHeading.add(tl.createConstraint().widthPercentage(15), areaCode);

containerTableHeading.add(tl.createConstraint().widthPercentage(15), clubAbbrName);

containerTableHeading.add(tl.createConstraint().widthPercentage(20), clubCharterDate);

textArea样式:

public void tableTextAreaStyle(TextArea textAreaName) {

textAreaName.setUIID(textAreaName.getText());

textAreaName.setEditable(false);

textAreaName.setGrowByContent(true);

textAreaName.setGrowLimit(2);

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使得下拉菜单 `Menu` 与 `TextArea` 的输入框在水平方向上对齐,您可以使用 `alignTo` 方法来调整下拉菜单的位置。 以下是修改后的示例代码: ```javascript // 创建一个 TextArea 组件 var textArea = Ext.create('Ext.form.field.TextArea', { // 配置项... }); // 创建一个下拉菜单 var menu = Ext.create('Ext.menu.Menu', { items: [ { text: 'Option 1', value: 'Option 1' }, { text: 'Option 2', value: 'Option 2' }, { text: 'Option 3', value: 'Option 3' } ], listeners: { click: function (menu, item) { // 将选项的值插入到 TextArea var currentValue = textArea.getValue(); var newValue = currentValue ? currentValue + '\n' + item.value : item.value; textArea.setValue(newValue); } } }); // 将下拉菜单绑定到 TextArea 的特定事件上,例如点击事件 textArea.on('click', function () { // 计算下拉菜单的位置并与 TextArea 对齐 var menuWidth = menu.getWidth(); var textAreaEl = textArea.getEl(); var textAreaWidth = textAreaEl.getWidth(); var textAreaPos = textAreaEl.getXY(); menu.alignTo(textAreaEl, 'tl-bl', [textAreaWidth - menuWidth, 0]); menu.show(); }); ``` 在这个示例,我们在点击 `TextArea` 时计算下拉菜单的位置并与 `TextArea` 对齐。通过获取 `TextArea` 的宽度和位置信息,以及下拉菜单的宽度,我们可以使用 `alignTo` 方法将下拉菜单相对于 `TextArea` 进行水平方向上的调整。然后,我们显示下拉菜单。 请注意,示例使用了 `textArea.getEl()` 来获取 `TextArea` 的 DOM 元素,并调用 `getXY()` 和 `getWidth()` 方法来获取位置和宽度信息。根据实际情况,您可能需要根据您的环境和布局进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值