在表单上的 TextField 旁边添加按钮答案

【问题标题】：Adding buttons next to TextField on Form在表单上的 TextField 旁边添加按钮
【发布时间】：2018-04-16 15:02:52
【问题描述】：

我是 QOOXDOO 的新手（就像真正的新手一样）。不过，我非常喜欢这个框架，并且正忙于对类似桌面的应用程序进行可行性测试。

我有一个使用单列渲染的足够简单的表单，具有测试数据文本字段，例如“帐号”、“名称”、“单元格编号”。这当然运作良好。但我需要在“帐号”文本字段旁边有两个小的选择列表类型按钮。一种用于按帐号搜索，一种用于按名称搜索。

真不明白这两个按钮的定位是怎么实现的？

我正在使用 5.01 的框架，但如果它有一个很好的方法来实现我需要的这两个选择列表按钮，当然可以更改为 6。

提前感谢您的任何建议！

【问题讨论】：

也许自定义小部件可以？
感谢沃格！我玩了一段时间的自定义小部件，但找不到将其添加到表单的方法。
最后，我决定跳过表单界面，而是手动放置小部件。这比我希望的要多得多，但这是我目前最好的解决方案。再次感谢！

标签： qooxdoo

【解决方案1】：

可能是这样的

var doc = this.getRoot();

var form = new qx.ui.form.Form();

var txt1 = new qx.ui.form.TextField("");
form.add(txt1, "Account number", null, "account_number");

var txt2 = new qx.ui.form.TextField("");
form.add(txt2, "Name", null, "name");

var txt3 = new qx.ui.form.TextField("");
form.add(txt3, "Cell number", null, "cell_number");


var s1 = new qx.ui.form.SelectBox();
var s2 = new qx.ui.form.SelectBox();


var formView = new qx.ui.form.renderer.Single(form);

formView._add(s1, {row: 0, column: 2});
formView._add(s2, {row: 0, column: 3});

doc.add(formView, {left: 10, top: 10});

【讨论】：