ext:TextField 右边加按钮

要在 TextField 的右侧添加按钮，可以使用 `TextField` 的 `suffix` 属性。例如：

TextField(
  decoration: InputDecoration(
    hintText: 'Enter some text',
    suffixIcon: IconButton(
      icon: Icon(Icons.send),
      onPressed: () {
        // Do something when the button is pressed
      },
    ),
  ),
)

这将在 TextField 的右侧添加一个发送按钮。你可以根据需要更改 IconButton 的图标和 onPressed 回调。需要注意的是，这种方法适用于右侧只有一个按钮的情况。如果需要添加多个按钮，可以使用 Row 或 Stack 来实现。

相关问题

<ext:TextField ID="xx" runat="server" FieldLabel="不良现象" ></ext:TextField> 加按钮

在 Ext JS 中，可以使用 `Ext.form.TextField` 和 `Ext.button.Button` 来实现在 TextField 右侧添加按钮的效果。例如：

Ext.create('Ext.form.Panel', {
  renderTo: Ext.getBody(),
  items: [{
    xtype: 'textfield',
    fieldLabel: '不良现象',
    itemId: 'myTextField',
    suffix: [{
      xtype: 'button',
      text: '发送',
      handler: function() {
        // 处理按钮点击事件
      }
    }]
  }]
});

这将在 TextField 的右侧添加一个发送按钮。你可以根据需要更改按钮的文本和 handler 回调函数。需要注意的是，`Ext.form.TextField` 的 `suffix` 属性是一个数组，可以添加多个按钮。如果需要添加多个按钮，可以在 `suffix` 数组中添加多个 `Ext.button.Button` 对象。

Ext.js表单展示怎么写

在 Ext.js 中，可以使用 `Ext.form.Panel` 来展示表单。以下是一个简单的示例：

Ext.create('Ext.form.Panel', {
    title: 'My Form Panel',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Name',
        name: 'name'
    }, {
        xtype: 'textfield',
        fieldLabel: 'Email',
        name: 'email'
    }, {
        xtype: 'textareafield',
        fieldLabel: 'Message',
        name: 'message'
    }],
    buttons: [{
        text: 'Submit',
        handler: function() {
            // handle form submission
        }
    }]
});

在这个示例中，我们创建了一个名为 `My Form Panel` 的表单面板，并设置了它的宽度和内部填充。接下来，我们添加了三个表单字段：一个文本框用于输入名称，一个文本框用于输入电子邮件，以及一个文本区域用于输入消息。最后，我们添加了一个提交按钮，当用户单击它时，可以处理表单提交事件。

这只是一个简单的示例，实际中表单的复杂程度会更高，你可以在 Ext.js 的文档中查找更多关于表单的信息。