2013-02-01 11 views
5

私は国と州のドロップダウンを持っています。私たちのUIデザイナーは、実際の選択ボックスを隠し、見た目とドロップダウンのように機能するコントロールに変換するjcfプラグインを使用しました。これらの選択ボックスをクライアント側から動的に取り込む必要がないときは、うまく動作します。jcfプラグインで選択(ドロップダウン)

私は国のドロップダウンを持っており、選択されたリストに基づいて私の州のドロップダウンが入力されるはずです。 jcfを使用すると、実際のドロップダウン(左から-9999pxに配置されている)が表示されますが、最初のオプションがそれを置き換えるコントロールに表示されます。変更されたコントロールの表示/設定方法を知っていますか?あなたが状態を移入するときには、再び次の関数を定義する必要が

答えて

8

編集:これは私がそれを変更した後、選択を再構築しているようです。

$('#myselectbox')[0].jcf.buildDropdown(); // Rebuild based on options 
$('#myselectbox')[0].jcf.refreshState(); // Updates to current selected 

私はまったく同じ質問をしており、ソースから回答を得る過程にあります。

このjcf.customForms "plugin"には多くのドキュメントがないようです。同じサービス(psdtohtml)または同様の会社を使用して、デザインをHTMLにスライスしたことがあります。これは、そのサービスに関連するカスタムjavascriptのようです。

多くの場合、ソースを参照するか、console.debug(jcf.customForms);を使用して解決策を見つけることができません。私はそれを把握するときに更新されます。

私は前の回答については

//jcf.customForms.setOptions(states[0]); 
//jcf.customForms.refreshAll(); 
//jcf.customForms.refreshElement(states[0]); 
//states.refreshState(); 

のようなものをたくさん試した、あなただけの選択をリロードしたいときinitTabs();に持っている奇妙に思えます。

+0

それも私のために働いた! refreshAll()と一緒にdestroyAll()も私のために働いた。 (jcf.customForms.destroyAll(); jcf.customForms.replaceAll();) –

+0

とてもうれしいです。私はこの枠組みを理解することが欲しかった。私は要素を直接選択するほうが好きですが(document.getElementById( 'myselectbox').jcf)、これについて知っているのは救命救助者です。 –

+0

DanielがdestroyAllとreplaceAllを実行してくれたので感謝しましたが、iPad上で要素が消えませんか? – joesk

1

おかげで、:

jcf.customForms.replaceAll(); 
initSlideShow(); 
initInputs(); 
initSameHeight(); 
initTabs(); 
fixSelect();initCounter(); 
initOpenClose(); 
+0

を持つオプションで選択されますあなたの両方ありがとうございます。 – user1760153

0

私のためにちょうど1つの仕事があります。とその汎用ソリューションです。

$(document).ajaxComplete(function() { 
    jcf.customForms.replaceAll(); 
}); 

乾杯!

1

これは私のために働いたコードです。 コードがselectフィールドの値を設定し、refreshjcfを使用して値を変更し、selectフィールドが値42

jQuery("#select-element").val("42"); 

jcf.getInstance(jQuery("#select-element")).refresh() 
関連する問題