2

これをhtmlで行いたい：

<div class="input-group" id="name">
    <input type="text" class="form-control" name="name" placeholder="Name">
    <span class="input-group-addon"><a href="#" class="none" id="name">None</a></span>
</div>

私はGWT Bootstrapでこれを試します:

<b:InputGroup>
    <b:TextBox b:id="name" placeholder="Name"/>
    <b:InputGroupAddon>
        <b:Anchor ui:field="noName" text="None"/>
    </b:InputGroupAddon>
</b:InputGroup>

しかし、したがって、エラーが発生します：

Illegal child <b:Anchor text='Name' ui:field='noName'> in a text-only context. Perhaps you are trying to use unescaped HTML where text is required, as in a HasText widget?: <b:InputGroupAddon> (:56)

なんで？b:Anchor は HasText インターフェイスを実装します。

私の目的は、ユーザーが入力をクリックすると値 NONE が入力されるリンクを追加することです

4

1 に答える 1

1

HasTextビットは約であり、InputGroupAddonではありませんAnchor。「テキストのみのコンテキスト」( を実装することによって暗示されるHasText) は、そのウィジェットにテキストのみを配置できることを意味します。textプロパティ ( <b:InputGroupAddon text='Name' />) またはタグ内( )のいずれか<b:InputGroupAddon>Name</b:InputGroupAddon>- これらの宣言は同等です。エスケープされていない HTML やウィジェットをそのようなコンテキストに配置することはできません。

あなたのユースケースでは、ボタンを使用することをお勧めします（Bootstrapのドキュメントが示唆しているように）：

<b:InputGroup>
  <b:TextBox b:id="name" placeholder="Name" />
  <b:InputGroupButton>
    <b:Button ui:field="noName" text="None" />
  </b:InputGroupButton>
</b:InputGroup>

デモを見て、動作を確認してください。必要に応じて簡単にスタイルを設定できます (おそらくテキストなしでicon = "ERASER".

于 2015-05-20T16:37:30.187 に答える