問題タブ [jqwidget]

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.

0 投票する
1 に答える
274 参照

jquery - jqwidgetsでモデルウィンドウが表示されないのはなぜですか?

次のコードは、モデル ウィンドウを表示しません。どうして??しかし、$("#filterUserTaskWindow").jqxWindow('show'); 代わりに使用すると機能$("#XUSER01 #filterUserTaskWindow").jqxWindow('show'); しますが、使用する必要があります$("#XUSER01 #filterUserTaskWindow").jqxWindow('show');

0 投票する
1 に答える
502 参照

jquery - jqwidgets データソースで DataTable を使用する方法

コード ビハインドの DataTable にデータが格納されています。そのデータタブを使用して JQWidgets にバインドする方法。参照用のリンクがあれば提供してください

これは、フロントエンドの jqxgrid で使用する必要があります。

0 投票する
1 に答える
329 参照

javascript - jqdatetimeinput jqwidgetを垂直方向に中央揃えにする方法は?

アライメントの問題があります。jqWidgetから datetimeinput ウィジェットを垂直方向に中央揃えにしたいと思います。datetimeinput をページの中央に配置し、その下に、選択した datetimeinput から中央の日付範囲を表示したいと考えています。

これまでに作成したもののイメージは次のとおりです。

ここに画像の説明を入力

datetimeinput をテキストの中央に移動したいと考えています。移動したい場所を示すために長方形を描きました:

ここに画像の説明を入力

これは私のJavaScriptです:

そして、これは私のHTMLです:

どんな助けでも素晴らしいでしょう!! 前もって感謝します!!!!もっと詳しく説明する必要がある場合は、お知らせください!!!


アップデート:

私はそれを考え出した!!!以前考えていたよりもはるかに簡単でした。:)

答えのフィドル

0 投票する
1 に答える
464 参照

javascript - 親をチェックする JQX Tree のドラッグ アンド ドロップ

リストのリストとして人物を含む動的な jqx ツリー (JSON) があります。ドラッグ アンド ドロップは現在有効になっており、次の 2 つのことを行う必要があります。

  1. 順序を変更して人物のリストを作成します (つまり、子が兄弟間でドラッグ アンド ドロップされた場合、dragEnd より下のすべての兄弟は person.order 整数を更新する必要があります)。
  2. 子供が親を変えるのを防ぎます。

これを行うには、dragStart イベントと dragEnd イベントを操作する必要があることはわかっていますが、どのようにチェックすればよいかわかりません。

それが役立つ場合、 event.args.label は人の名前で、 event.args.value はその人へのパスです

例: .../祖父母/親/人

0 投票する
1 に答える
196 参照

knockout.js - ノックアウトによるjQWidgets数値入力がオブザーバブルを更新しない

ノックアウトと数字入力を併用したかっjQWidgetsたのですが、うまくいきません。彼らのデモページで動作させることさえできません。

値をいくら変更しても、「値を取得」をクリックすると元の値しか取得されません。また、値を変更してから無効なチェックボックスをオンまたはオフにすると、入力が元の値にリセットされます。

「値の設定」ボタンをクリックすると、その値を設定する定義済みの関数のみが実行されます。入力値を変更してもオブザーバブル値が変更されない理由が気になります。

ウィジェットの Knockout 統合が機能していないのか、それとも単に私が愚かなのか? 上記のリンク先のページを Chrome、Firefox、IE11 で試しましたが、結果はすべて同じでした。

このウィジェットが実際に壊れている場合は、Knockout で動作する同様の「プラグイン」(マスクされた数値入力) への提案をいただければ幸いです。

0 投票する
1 に答える
1208 参照

jqwidget - dataAdapter がレンダリングされない JQWidgets ツリーグリッド

私は AngularJS 環境にいて、jqWidgets TreeGrid を機能させようとしています。

dataAdapter をすべて Json 形式のデータに接続していますが、グリッドは空のデータをレンダリングしますが、列を表示します (添付の画像を参照)。

dataAdapter を接続するためのガイドとして、この非 Angular ベースのデモを使用しています。

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtreegrid/index.htm#demos/jqxtreegrid/javascript-tree-grid-binding-to-json.htm

この Angular サンプルは単純すぎるため (つまり、dataAdapter オブジェクトを使用していません) -

http://www.jqwidgets.com/jquery-widgets-documentation/documentation/angularjs/angularjs.htm

HTML スニペットは次のとおりです。

これが、データとモデルを備えたツリーグリッド設定の外観です。

私は確かにそうではないので、JQは追加の「_source」プロパティを注入しているようです。追加の「localdata」プロパティもあります。ex/「localData」プロパティを追加しました:

そして私のコントローラーコードでは、グリッド関数:

* アップデート *

私のdataAdapter定義により、localDataデータ配列がオブジェクトにネストされているようです。ここでは、f12 コンソール ツールで localData を見つけました。それは間違っているに違いない:

* UPDATE 2 * jsfiddle を動作させようとしていますが、少し問題があります:

http://jsfiddle.net/L9530s43/2/

ネストされた localData

空のツリー グリッド

0 投票する
1 に答える
1137 参照

jqwidget - JqWidgets treegrid の問題が dataAdapter オブジェクトの接続に問題を引き起こす

私は AngularJS 環境にいて、jqWidgets TreeGrid を機能させようとしています。

dataAdapter をすべて Json 形式のデータに接続していますが、グリッドは 1 行しかレンダリングしません。

また、同じページにテスト用のtreeGridがあり、サンプルデータがあり、正常に動作しています。

最終的な Json データ設定を並べて配置し、どこが間違っているかを判断しようとしています。

このページをガイドとして使用して、ツリーグリッド設定などを結び付けました。http://www.jqwidgets.com/jquery-widgets-documentation/documentation/angularjs/angularjs.htm

「悪い」グリッドの jqx treegrid ディレクティブを示す html は次のとおりです。

そして、「悪い」Json データツリー設定が vm.jqGridHierSettings にバインドされました (インラインで投稿するには大きすぎます):

http://www.bobmazzo.com/grid/TreeGrid_Data_Bad.txt

そして、従業員テストデータを含む「良い」グリッドは次のとおりです。

HTML:

vm.jqGridEmpSettings Json データ:

http://www.bobmazzo.com/grid/TreeGrid_Data_Good.txt

そして、私の Angular コントローラー コードから、Json データ バインディングを使用した JavaScript のスニペット:

「悪い」グリッドが機能しない理由を理解するのに助けが必要です! そして、データの階層を表示する必要がある1行のみをレンダリングする理由.

ありがとう。

ボブ

0 投票する
1 に答える
610 参照

angularjs-ng-repeat - jqwidgets角度ツリーウィジェットがjsfiddleで機能しない

私は、先月 9 月にリリースされたばかりの新しい jqwidgets-angular バージョンを使用しています。

グリッドツリーはうまく機能していますが、ツリー ウィジェットに問題があります。

参考までに: これは、こちらの angular-tree デモに基づいています: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxangular/index.htm#demos/jqxangular/tree.htm

これが私が取り組んでいるjsfiddleですが、ここでレンダリングするツリーを取得できません:ツリーウィジェット

だから2つのこと:

1) 誰かがこの jsfiddle を機能させるのを手伝ってくれますか? 2)ng-repeatを使用してjqxツリーをレンダリングするのを手伝ってくれる人はいますか

そのjsfiddleのコードは次のとおりです。

div内の単純なng-repeat(ツリーウィジェットなし)。これはテスト目的のためだけです:

そして、ここに jqx-tree ディレクティブがありますが、これは jsfiddle の例では機能していません:

そして最後に js コントローラ コード:

0 投票する
2 に答える
777 参照

jquery - Spring MVC リクエスト マッピングが正しく機能しない - JSON、AJAX を使用してデータを更新する

私はModelAndViewをJQWidgetと組み合わせて使用​​しているアプリケーションを持っています.AJAXは挿入/更新のためにコントローラーを呼び出します。

私の問題は、Update AJAX 呼び出しがコントローラーの update メソッドを呼び出さず、実際には MVC フォームを表示するメソッドを呼び出すことです。

さまざまなバージョンのブラウザーで動作しますが、一部のブラウザーでは /forecast/update.do が Requestmapping edit.view でコントローラー メソッドと呼ばれる場合、つまり updateForecast の代わりに updateForecastForm が呼び出されます。

以下のコードで説明しています。

ありがとう、ヴィッキー

AddFore.js の一部

今コントローラー: