調査アプリケーションを使っています。質問を追加するオプションがあります。追加ボタンをクリックすると質問を追加するためのテキストボックスと質問タイプ（ラジオボタン、チェックボックス）を選択するための選択ボックスが表示されます。 UIで表示します。ユーザーは上記の質問を追加するオプションを持っています。彼が上記の質問を追加する場合、私は以下の質問番号を並べ替える必要があります。もし彼が真ん中に質問を追加するなら、私はその下の質問番号を更新する必要があります。どのように私はこの状況を解決することができますか？調査質問の並べ替え？
同様の状況では、テーブル/グリッド内でソートされるアイテムのリストを表示し、グリッド内のアイテムを自分の選択に従って上下に移動するオプションをユーザに与えました。私は、グリッド（私の場合は隠されている）に注文のための列とデータベーステーブルの対応する列を保持した。グリッド内に並べ替えがあるたびに、スワップ位置によって入れ替わる2つの行のスワップ操作によって順序が更新されます。したがって、ユーザーが並べ替えを完了し、ボタンを使用して注文を保存したら、フロントページの注文に従って注文列を更新するために使用します。
https://pixbyfunc.appspot.com/pub/asq/asq.htmlは、偶発的なアンケートの実行例です。ユーザがワインを好むかどうかに基づいて異なる一連の質問が提示される。
のように見えるJavaScriptを使用して設計されています：
Q().ask("Have you had your drink today?");
Q('like-wine').using('radio', 'Yes', 'No').ask("Do you like wine?");
Q('like-wine').matches('no').naming('reason').using('textarea').ask("Why not?").abort();//stop the survey
Q().ask("How much do you drink a day?");
Q('which-wine').using('checkbox', 'Reds', 'Whites', 'Other').ask("What do you like?");
Q('which-wine').matches('reds').ask("If you would like to receive a free bottle of Chateau d'Yquem Sauternes 2004 from your Santa, please provide your email.");
Q().start();
あなたはQが実装されている方法を確認すると、あなたのニーズに合わせて修正したソースを表示することができます。