問題タブ [singlepage]

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 投票する
3 に答える
181 参照

javascript - ページを更新した後、特定の時点で取得したい単一ページの Web サイト

私は、4 つの「ページ」を保持する幅 4400 の sitecontent という名前の div を持っている単一ページの Web サイトを持っています。ページは、sitecontent の 0px、sitecontent の 1100 px、sitecontent の 2200px、および 3300px から始まります。

Jquery を使用して div の位置を正しいピクセルに設定するため、正しいテキストが表示されます。リンクを押した後、たとえば次のようになります。

ページの 1 つで、ページを更新する必要があります。この更新後、同じ「ページ」を 1100px で表示したいのですが、ホームページの 0px から開始します。

サイトのコンテンツがホームの -1100px から始まるようにする方法はありますか?

前もって感謝します、

乾杯

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

javascript - シングルページアプリケーションのLeaveにisDirtyフラグを実装するにはどうすればよいですか?

pjax()を使用してhtmlをページ内のさまざまなにプッシュするMVC4で記述されたシングルページアプリケーションがあります。ユーザーがデータを編集できるサブフォームが1つあり、ユーザーがデータを変更すると、JavaScriptでisDirtyフラグが設定され、ページの下部に未保存の更新があるというアラートがトリガーされます。また、ユーザーが保存せずにページを離れようとしたときに、追加の警告を実装したいと思います。このような従来のonbeforeunload関数を使用する場合

ページを閉じたり、サイトから完全に離れたりしようとするとアラートが呼び出されますが、ユーザーがリンクの1つをクリックして、実際にはページを離れていないため、別の情報が再入力されてもトリガーされません。これらのpjax()リンクの1つが、ページを閉じた場合と同様のアラートを発生させるように設計するにはどうすればよいですか?

0 投票する
3 に答える
10064 参照

javascript - コマンドクリックでは新しいタブは開きませんが、中クリックでは開きます

Sammy.jsとjQueryを使用した1ページのJSサイトである私のWebサイトで、マウスでリンクを中クリックすると、リンクが新しいタブで開きます。しかし、Macをコマンドクリックしても、そうではありません。これはFirefoxとChromeの両方で発生するため、何らかの形で仕様に準拠している必要があると思います。

これはMacbookAirで発生します(トラックパッド+コマンドボタン)。ただし、ほとんどのサイトは問題なく機能し、コマンドクリックは通常のミドルクリックと同じです。

自分で試してみてください:https ://circleci.com 。コマンドキーを押しながら「バージョン情報」、「ホーム」、「連絡先」の間をクリックすると、問題が発生するはずです。新しいタブでは開きません。

0 投票する
7 に答える
7107 参照

asp.net-mvc - ノックアウト、CKEditor、シングル ページ アプリ

KnockoutJS と CKEditor が関係する状況があります。

基本的に、サイトの一部は「シングル ページ」アプリ スタイルです。現在は 2 ページしか含まれていませんが、時間の経過とともに拡大する可能性があります。現在は、「リスト」ページとアイテムの「管理」ページにすぎません。リスト。

管理ページ自体には、ある種のリッチ テキスト エディターが必要です。会社全体のソリューションとして CKEditor を使用しました。

これらの 2 つのページは「単一ページ」スタイルであるため、明らかに CKEditor は管理要素に対して登録できません。これは、ページの読み込み時に存在しないためです。修正するのに十分な単純な問題です。サンプルとして、クリック イベントに CKEditor をアタッチしました。次の問題は、セットアップされた Knockout オブザーバブルが更新されないことでした。これは、CKEditor が実際に添付されているテキスト領域を変更せず、実際に編集するこれらすべての div/html 要素を作成するためです。

少しグーグルで調べた後、TinyMCEでこれを行っている人の例を見つけました-http ://jsfiddle.net/rniemeyer/GwkRQ/なので、これに似たものをCKEditorに適応できると思いました。

現在、私は実用的な解決策にかなり近づいています。この手法を使用して正しいオブザーバブルを初期化および更新し(コードを最後に投稿します)、サーバーに正しく投稿することさえできました-素晴らしいです。

私が現在経験している問題は、'Single Page' アプリ部分と CKEditor の再初期化にあります。

基本的に何が起こるかは、リストからクリックして管理し、保存して(リストページに戻る)、別の「管理」に移動すると、CKEditorが初期化されますが、値がありません。チェックしました更新コード (以下) と「値」には間違いなく正しい値がありますが、CKEditor 自体にプッシュされていません。

おそらく、CKEditor のフロー/初期化プロセスに関する理解の欠如、またはノックアウト バインディングに関する理解の欠如、または単一ページ アプリ用にセットアップされたフレームワークの問題である可能性があります。よくわかりません。

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

したがって、HTML では、ViewModel の初期化時にバインディングを適用するのは、かなり標準的なノックアウト 'data-bind: ckeditor' です。

デバッガーを入れました。フローを確認するためのコードでは、最初に読み込むときに init を呼び出してから更新し、2 回目に行って ko.utils.domNodeDisposal にヒットして要素を破棄するように見えます。

私はそれを破壊しないようにしましたが、CKEditor はその名前で何かが既に存在すると不平を言います。私はそれを破棄せず、存在するかどうかを確認し、存在しない場合は初期化しようとしました.1回目は機能しますが、2回目はCKEditorがありません。

それを機能させるために欠けているものが1つだけあると思いますが、すべてのオプションを使い果たしました。

これら3つのことを統合することについて、私を助けることができる知識を持っている人はいますか?

私を助けてくれるノックアウトの専門家はいますか?

どんな助けでも大歓迎です。

MD

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

singlepage - ノックアウトとアップショットを使用してMVVM宣言でスタック

この形式のサービスreturinigデータがあります ここに画像の説明を入力してください

今、私はこの方法でhtmlのデータにアクセスしようとしています ここに画像の説明を入力してください

現在の期間にはアクセスできますが、WebChartViewのIDにはアクセスできません。

ところで、私はMVC4を使用していますchartResultはビューモデルです

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

asp.net-mvc-4 - Knockoutjs、SPA、MVC 4 Knockoutjsからコントローラーにデータを渡す方法は?

私はknockoutjsとMVCを使用していますが、KnockoutjsからControllerにデータを渡す方法が本当にわかりません。使ってみます

しかし、動作しません。これを行う方法を教えてください。ありがとう。

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

asp.net - Silverlight の代替としての ASP.NET SPA ?

私は大規模な Silverlight ユーザーです。
遅かれ早かれ Silverlight はなくなる (私が聞いたところによると SL 6 はありません) ことに気づき始めたので、代替テクノロジを探し始めています。

Silverlight のような滑らかで応答性の高い UI が必要であり、開発の手間がかからないテクノロジが必要です。Silverlight は実際には素晴らしいのですが、いくつかの重要な機能 (バインディングの種類、共有サイズ グループなど) が欠けており、開発が中止されるため、他のことを検討しています。また、実際にはマルチプラットフォームではありません (Android と iOS のサポートは最低限です)。

とにかく、ASP.NET SPA を調べて、ちょっと気に入ったアイデアですが、一方で、HTML5/javascript は Silverlight から数十年も離れていると思います。まず言語としての C#/VB.NET、次に関連するすべてのEntity-Framework、足場と検証を備えた WCF-RIA、SDK/Toolkit などのツール。

私の質問は、Silverlight Web サイトを HTML5+CSS3+Javascript に変換するジェネレーターを作成して、すべてのプラットフォームで動作するようにする方法があるかどうかです。おそらく SPA アプリに変換することによってです。

この問題をカバーする既存のプロジェクトについて聞いたことがありますか? それは実行可能だと思いますか、それとも私がそれを開発するのに何年もかかると思いますか?

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

asp.net-mvc - MVC4 シングル ページ アプリ - 複数の画面

Microsoft のチュートリアルを見ると、単一のリストをフィルター処理または更新するという非常に単純なシナリオで SPA を使用しているようです。

複数のリスト、複数の追加画面、ユーザーを特定のプロセスに誘導するいくつかのウィザードなどを持つ、もう少し複雑なインターフェイスがあるとします。

シングルページアプリケーションがシステムの各領域に複数のコントローラーとビューを持つことをお勧めします。つまり、ユーザー管理領域がある場合、これは1つのコントローラー/ビューであり、ユーザープロファイルの維持は別のコントローラー/ビューである可能性があります。

したがって、ユーザーエクスペリエンスはページ間のナビゲーションになりますが、特定の操作を実行したいページではすべて AJAX ですか?

そのようなアプリが本当に SPAだった場合、システムの領域ごとにユーザー インターフェイスを反映する 1 つのページに大量のdivが表示されることになると思います。このページのフットプリントは潜在的に巨大になる可能性があります。

FaceBookと比較することで、私が達成しようとしていることを比較できると思いますか? ただし、AJAX を介してオンザフライでビューをダウンロードしているため、フットプリントは比較的小さいと思います。

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

javascript - Backbone.js コレクションをフィルタリングしてアプリ ビューを再レンダリングする方法は?

Backbone.js 初心者向けの完全な質問です。私は ToDo Backbone.js の例に基づいて、かなり単純な単一のアプリ インターフェイスを構築しようとしています。todo プロジェクトはユーザー入力に重点を置いていますが、このアプリはユーザー オプション (クリック イベント) に基づいてデータをフィルタリングすることに重点を置いています。

私は Backbone.js と Mongoose にまったく慣れていないため、私がやろうとしていることの良い例を見つけることができませんでした。API を使用して MongoDB コレクションからデータを取得し、アプリでレンダリングする Backbone.js コレクションにドロップすることができました。私の人生でできないことは、そのデータをフィルタリングしてアプリビューを再レンダリングする方法です。ドキュメントの「タイプ」フィールドでフィルタリングしようとしています。

これが私のスクリプトです:

(私はいくつかの主要なリファクタリングが必要であることを完全に認識しています。私は概念のラピッド プロトタイピングを行っているだけです。)

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

django - シングルページWebアプリケーションに適したバックエンド?

歴史的に私は主にDjangoでWebアプリを作成していましたが、今ではBackbone.jsまたは同様のJavaScriptフレームワークを使用して、データベースとAPI。

私の質問はこれです。私のアプリケーション構造が次のようになっている場合:

そして、私はDjangoで最も快適ですが、NoSQLやNodeなどの新しいことも学びたいと思っています。適切な場合は、(2)に何を使用することをお勧めしますか?

通常、APIアプリとしてPistonを使用してDjangoを使用しますが、すべてのDjangoを使用し、APIプロバイダーとしてのみ使用するのはかなり重いようです。おそらく、私は心配する必要はありません。