共有の下で改善したcombox、ページの原型はdojoを参考にして、ネット上のjQueryのあれらのcomboxの機能より強くて、コードはもっと小さいです

4332 ワード

概要combox機能実装の最小化jsコードについて、ページプロトタイプはdojoのcomboxパターンを参照し、キーボード動作や自動フィルタリング、ハイライトなどのAPIをサポートする
初期化方法
符号化方式

      
     
     
     
var c=new combox(document.getElementById('a'));
  
var c=new combox(document.getElementById('a'),{
    debug:true
  });

Css
<select class="combox" debug="true">
は、classにcomboxが まれていればよく、classに のスタイルが まれていてもよい.
<select class="abc combox def">
のように パラメータの comboxサポート パラメータは の りである.
  • debug:true/false、 のselect が されるかどうか
  • searchMode:0はあいまいで と を しない、1は で と を しない
  • remoteSourceUrl:リモートデータソースurl、サポートjson は
  • [
    {"text":"a","value":"b"}, {"text":"a1","value":"b1"}
    ]
  • remoteFilterUrl:フィルタリング に み まれたリモートurl、パラメータはxxxx?asdasd=~!value!~,~!value!~マクロの 、トリガ に の ボックスの
  • に き える.
  • allowAnyValue:デフォルトはfalseであり、comboxがoptions のデータを することは されていない
  • displayValue:comboxの 、displayValueがcomboxのoptionsの でそれに するvalueを つけることができる 、それはそのoptionのtextを して、さもなくば はdisplayValue
  • を します
  • pleaseSelect:comboxのtxtBox がpleaseSelectのテキストである 、ドロップダウン にすべてのoptions
  • が する.
  • mouseDblClick:0をクリック、1をダブルクリック
  • :
    
         
         
         
         
    var c=new combox(document.getElementById('a'),{
        allowAnyValue:true,
        pleasSelect:'   ',
        debug:true
      })

    または
    <select class="combox" allowAnyValue="true" pleasSelect="   " debug="true">
    プロジェクトのgoogle codeアドレスhttp://code.google.com/p/enhancehtml/