問題タブ [onselect]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jQuery: Datepicker で選択した日にスタイルを追加する
複数選択したいので、jqueryのdatepickerを操作してみます。ここで、選択した日のスタイルを変更したいと思います。たとえば、テキストを緑色にします。スタイルを変更する方法がわかりません。可能性はありますか?
助けてくれてありがとう!
これが私のコードです:
jquery - jQuery - jqGrid - 各行の送信ボタン
jqGrid 4.5.2 & jQuery 1.9.1 を使用。クエリから返されたデータの行を表示する Web ページに jqGrid があります。グリッドの各行には 2 つのsubmit
ボタンがあり、デフォルトでは無効になっていますがonSelectRow
、jqGrid のイベント内で有効になります。
以下のコードにボタンを追加しています。
submit
ボタンはデフォルトで無効になっていることに注意してください。
グリッド内の行が選択されている場合、その行の 2 つのボタンのみを にしますenabled
。onSelectRow
イベントでは、後で使用する変数を設定することも行われます。
私が望む他の行動onSelectRow
-
行をクリックできないようにしたくない - グリッド内の別の行に移動するには、2 つの送信ボタンのいずれかをクリックする必要があります。1 回の送信で 1 セットのアクションが実行され、グリッドがリセットされます (何も選択されておらず、すべての行のすべてのボタンが無効になっています)。
もう 1 つの送信ボタン (Cancel
ボタン) は、前の手順のアクションを実行しませんが、グリッドをリセットします (何も選択されておらず、すべての行のすべてのボタンが無効になっています)。
選択した行のボタンを有効にするためにさまざまなことを試しましたが、最初の行のみを有効にするか、すべての行を有効にするか、または行を有効にしません。上記の値をsrow
確認しましたが、行の正しい ID であることを確認できます。
選択した行の送信ボタンを有効にして、グリッド内の他のすべてのボタンを無効にするにはどうすればよいですか?
ありがとう!
編集:
@Oleg と彼の提案とフォローアップのおかげで、質問を解決することができました。@Olegの応答により、私は正しい方向に進みました。
colModel
に、msgAct
各行のボタンを取得し、その行に関連付けます。
では、OnSelectRow
彼の提案を使用して、jqGrid の すべてのボタンをオフにし、選択した行のボタンをオンにしました。
また、ページ上の他のドロップダウンを無効にする他のコードもあり、次の 3 つのうちの 1 つだけが発生する可能性があります。
- ユーザーは再送信ボタンをクリックできます
- ユーザーは [キャンセル] ボタンをクリックできます
- ユーザーは jqGrid の別の行をクリックできます
上記の #3 は別のイベントをトリガーするので、ユーザーが選択した行で 何かOnSelectRow
をしなければならないようにしたかったのです。
@Olegの提案を使用して、すべてをオフにしてから、選択した行のボタンのみをオンにして、onSelectRow
イベント内の各ボタンのクリックイベントコードも配置しました。
グリッドは、私がやりたいことをするようになりました。例えば -
- グリッドがロードされると、グリッド内のすべての行に msgAct 列があり、その列には [再送信] ボタンと [キャンセル] ボタンがあり、どちらも表示されますがグレー表示されます。
- 行 #3 が選択されている場合、行 #3 の msgAct の [再送信] ボタンと [キャンセル] ボタンがアクティブになり、クリックできるようになります。グリッド内の他のすべての行には、それらの行のボタンがまだグレー表示されています。
- ユーザーが [再送信] または [キャンセル] をクリックすると、グリッド内のその行に対して適切なアクションが実行されます。再送信するとグリッドに別の行が追加されますが、キャンセルすると選択がリセットされ、グリッドはロードされたときと同じように表示されます。
- ユーザーが使用できる唯一のオプションは、[再送信]、[キャンセル] をクリックするか、別の行を選択することです。次に、別の行を選択すると、その行のボタンが有効になり (前に選択したボタンが無効になります)、いずれかをクリックすると、その行の適切なアクションが開始されます。
今の質問は、これを行うためのより良い方法はありますか?
@Oleg の貴重なご協力に感謝します。
jquery - $('body').click 関数は Datepicker (jquery) beforeShow メソッドの前に機能しています
$('body').click 関数は Datepicker (jquery) beforeShow メソッドの前に動作しています。Datepicker (jquery) の最初の onselect メソッドをトリガーするにはどうすればよいですか。つまり
しかし、 datepicker を選択すると、ボディクリックが最初に機能しますが、これは望ましくありません。
jquery - onChangeMonthYear を使用して年のみを選択してデータを表示する
私は現在、yy-mm-dd (例: 2013-06-01) を必要とする日次データ、yy-mm を必要とする月次データ (例: 2013-06)、および必要な年次データのみを表示するプロジェクトを行っています。年 (例: 2013)。私の問題は次のとおりです。
- 年 (ui-datepicker-year) を選択すると、選択した年に基づいて年全体のデータが表示されます (たとえば、選択された年は 2013 年です。したがって、2013-01 から 2013-12 までのデータが表示されます)。
これはjqueryです:
そして、これはphpファイル(content.php)です:
しかし、年間データに何を使用すればよいかわかりません。スクリプトに if-else 条件を使用しようとしましたが、機能しません:
また、content.php の *if($_POST['type']=="month")* の後にこの else if 条件を追加してみました:
jquery - onSelect 関数でフォーム送信後に選択した日付にフォーカスする
query ui datepicker inline にいくつか問題があります。html は次のとおりです。
これは .js の一部です:
フォームの送信後に、選択した日付をフォーカスして強調表示する必要があります。日付ピッカーがリロードされ、現在の日付がフォーカスされて強調表示されるようになりました。誰でも助けてもらえますか?
javascript - スワイプでの選択を無効にする
Jquery 1.4 で使用するためにスクリプト (www.dynamicdrive.com にあります) を変更しているので、Drupal 7 内で使用できます。私のバージョンはhttp://screamingsilence.be/js/touchGallery/にあります。
すべて正常に動作していますが、Android タブレット/スマートフォンで表示すると、画像が選択されてしまい、あまりきれいに見えません。
このコードを試しましたが、これは役に立ちません: