ExtJSの4コンボボックスオートコンプリート

Question

私はオートコンプリートた次のような構成のために使用さExtJSのコンボボックスを持っています。 ユーザがサーバから返されたリストから値を選択したが、後でその値を削除してコンボボックスを空にしたい場合、コンボボックスを空にしないで、古い値もぼかしに再表示されます。このような場合、このコンボボックスで空の値を許可するにはどうすればよいですか？私はそれがforceSelection：trueである可能性があることを理解していますが、それ以外の場合はユーザーが任意の値を入力できるので、それを維持する必要があります。

b。 サーバが空のリストを返すと、No values Foundというメッセージを表示します。私はこの値をdisplayFieldエンティティ、つまり{id： ''、name： '値が見つかりません'}に入れることでこれを試みました。しかし、この場合、ユーザーはこの値を選択してサーバーに送信することができますが、これは期待どおりではありません。したがって、空リストのメッセージをどのように表示できますか？

誰かがこれに軽く投げかけてもらえますか？

Answer 1

、次のように予想される目的を果たすことができるハック作成されます。

Ext.override(Ext.form.field.ComboBox,{   
    assertValue: function() { 
     var me = this, 
      value = me.getRawValue(), 
      rec; 
     if (me.multiSelect) { 
      // For multiselect, check that the current displayed value matches the current 
      // selection, if it does not then revert to the most recent selection. 
      if (value !== me.getDisplayValue()) { 
       me.setValue(me.lastSelection); 
      } 
     } else { 
      // For single-select, match the displayed value to a record and select it, 
      // if it does not match a record then revert to the most recent selection. 
      rec = me.findRecordByDisplay(value); 
      if (rec) { 
       me.select(rec); 
      } else { 
       if(!value){ 
        me.setValue(''); 
       }else{ 
        me.setValue(me.lastSelection); 
       } 
      } 
     } 
     me.collapse(); 
    } 
}); 

これはExtJSのライブラリのファイルが含まれているの後に含まれる必要があります。

「値が見つかりません」に表示されるその他の問題については、「emptyText」はVarunの推奨通りに動作します。

これは、somoneが似たようなものを探すのに役立ちます。

Answer 2

私はこれをExt JS 3.3.1で行っています。彼らがExt JS 4に当てはまるかどうかはわかりませんが、私はそうすべきだと思います。

最初の問題の場合は、autoSelect : falseと設定します。 autoSelectは、デフォルトでtrueに設定されています。これはallowBlank : trueが設定されている場合にのみ機能します。

データストアによって収集された最初の結果を選択する場合はtrue（デフォルトは をtrueにします）。 false値を指定すると、 （typeAheadDelay）の値がtrueでない限り、コンポーネントの値を設定するために、 ドロップダウンリストから手動で選択する必要があります。

第2の問題については、listEmptyTextを使用してください。ドキュメントから

項目が見つからない場合は、データビューに表示する空のテキスト。 （デフォルトは ''）

乾杯。上記の質問にforceSelectionに関連する問題については