7

国と州のドロップダウンがあります。私たちのUIデザイナーは、実際の選択ボックスを非表示にし、ドロップダウンのように見えて機能するコントロールに変換するjcfプラグインを使用しました。クライアント側からこれらの選択ボックスに動的にデータを入力する必要がない場合にうまく機能します。

国のドロップダウンがあり、選択したリストに基づいて、州のドロップダウンが表示されます。jcfを使用すると、実際のドロップダウン（-9999pxの左側に配置されます）が表示されますが、それを置き換えるコントロールには最初のオプションのみが表示されます。変更されたコントロールを表示/入力する方法を知っている人はいますか？

ありがとう、

4

5 に答える 5

10

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

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

私はまったく同じ質問をしていて、情報源から答えを得る過程にあります。

このjcf.customForms「プラグイン」には多くのドキュメントがないようです。同じサービス（psdtohtml）または同様の会社を使用して、デザインをHTMLにスライスした可能性があります。これは、そのサービスに関連するカスタムJavaScriptのようです。

ソースを見たり使用したりすることで多くのことがわかりますconsole.debug(jcf.customForms);が、私はまだ解決策を見つけていません。わかり次第更新します。

私は次のようなものをたくさん試しました

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

initTabs();前の答えに関しては、選択をリロードしたいだけの場合は奇妙に思えます。

于 2013-03-14T19:43:46.850 に答える
6

これは私のために働いたコードです。コードでselectフィールド値を設定してからrefresh、を使用して値を変更すると、値が42のオプションjcfでselectフィールドが選択されます。

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

jcf.getInstance(jQuery("#select-element")).refresh()
于 2017-04-25T07:26:49.243 に答える
1

状態を設定するときは、次の関数をもう一度定義する必要があります。

jcf.customForms.replaceAll();
initSlideShow();
initInputs();
initSameHeight();
initTabs();
fixSelect();initCounter();
initOpenClose();
于 2013-02-07T11:50:40.947 に答える
0

たった1行でうまくいきます。とその一般的なソリューション。

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

乾杯！！！

于 2014-08-27T10:53:12.277 に答える
0

必要なのは、選択ボックスの値が変更されるたびにrefreshメソッドを呼び出すことです。

jcf.getInstance($("#select-box")).refresh()
于 2020-05-04T14:50:38.933 に答える