dart - Dartで入力タイプをどのように決定しますか?

Question

フォーム上のすべてのラジオボタンを見つけて、他の入力タイプをそのままにしておきたいと思います。私のコードは次のようになります。

form.queryAll("select, input").forEach((Element el) {
  if (el is RadioButtonInputElement) {
     print ('got radio button');
  } else {
     print ('got some other input type');
  }
}

selectこれにより、ラジオボタンとして識別される以外のすべての入力タイプが生成されます。実際、elブランチthen(「取得したラジオボタン」) を見ると、常にとして報告されInputElementます。

score 4 · Accepted Answer

ラジオボタンのみを返すクエリセレクタを作成することもできます。

List<RadioButtonInputElement> list = element.querySelectorAll("input[type='radio']");

score 2 · Accepted Answer

当然のことながら、あなたはそれRadioButtonInputElementがのサブクラスであると推測しているようですInputElement。実際には、多かれ少なかれ逆に機能します。InputElementは RadioButtonInputElementを実装します。inputこれは、さまざまな形式の要素が要素のままであり、その外観と動作を区別するのinputはその属性であることを思い出すと、実際には意味があります。type

あなたが発見したように、inputしたがって、すべての要素は、実装するisすべてのインターフェースと (演算子を使用して)一致します。それらは両方であり、両方のインターフェースを満たします。InputElementinputtype="radio"ButtonInputElementinputtype="button"RadioButtonInputElementInputElements

あなたも（あなたの答えで）発見したように、解決策はtypeあなたのフィールドをテストすることですInputElement：

if (el.type == 'radio') {
  print('got radio button');
}

説明が正当だと感じたので、すでに解決策を見つけているにもかかわらず、この回答を追加します。

score 0 · Accepted Answer

私は最終的にテストを変更しました：

if ( el.type == 'radio' ) {
  print ('got radio button');
}

dart - Dartで入力タイプをどのように決定しますか?

3 に答える 3

Related

Reference