問題タブ [jsrender]
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.
javascript - JSRender ブロック外の変数にアクセスする方法
json オブジェクトの詳細を表示するために jsrender を使用しています。リスト内の外部変数にどのようにアクセスできるのか疑問に思っています。ありがとうございました。
jquery - jsRenderとページング
jsRenderとページングを機能させようとしていますが、その点についてはjsRenderとjqueryに少し慣れていません。代わりにjsRenderで動作するようにこれを変更しようとしましたが、成功は限られています。
- 「次のページ」リンクをクリックすると例外が発生します(コードを参照)。例外は「JsRenderエラー:不明なテンプレート:「#items」-後続のデータフェッチでコードが上書きされるために発生すると思いますが、修正方法がわかりません-助けていただければ幸いです。
- 数値ページングメカニズムを作成するためのヒントを誰かが提案できますか?例: "<< 1 2 3 4 5 6 7 8 9 10 ... >>-"... "をクリックすると、数値が" << 11 1213.."にリセットされます。
これがpaging.aspxの私のコードです:
paging.aspx.csは次のようになります。
私が返すjsonデータは、生のリクエストでは次のようになります。
javascript - ベスト プラクティスとは: ajax コンテンツ - jsRender - SEO フレンドリーにする
ホームページにさまざまなリストを表示するアプリを作成しています...
パフォーマンスを向上させるために、php で json を事前にキャッシュしてファイルに入れ、ajax 呼び出しを使用して、Boris Moore の jsRender でテンプレートを使用して項目を解析します。本当に速く動作し、完璧です。
しかし、同じコンテンツを検索エンジンに提供するにはどうすればよいでしょうか? 問題はエスケープされたフラグメントではありません...問題は、オーバーヘッドなしでシンプルに保つことです...
理想的には、テンプレートを解析して html にする jsRender php ポートがあれば、テンプレートをキャッシュして、その場で SE に提供できます。
しかし、特にjsRenderはまだ開発中であり、変更中です。
jsで生成されたコンテンツを取得する方法はありますか?
ブラウザでページを開いて jsRender に仕事をさせてから、$('#list').html() コンテンツを ajax で保存できることはわかっていますが、何百もの異なるページを数回キャッシュする必要があります。そのため、そのオプションは実際には実行可能ではありません...
jsrender - この json オブジェクトの jsrender テンプレートを作成できますか?
この json オブジェクトの値 'first' と 'age' にアクセスするための jsrender テンプレートを作成できますか?
jsrender - jsrender で DOM 要素の重複レンダリングを回避する方法
jsrender.template のレンダリング中に Dom 要素の重複をチェックすることは可能ですか?
例えば:
要素が存在しない場合は、これを使用します:
/li>要素「liv1」が存在する場合は、ビューを更新し、ステップ 1 を実行しないでください。
javascript - JsRenderを使用した単純なforループ
JsRenderを使用してテンプレートをクライアント側でレンダリングしています。ただし、配列またはオブジェクトのみを受け入れるように見えるため、forループタグを使用してブロックのhtml部分を繰り返すことはできません。代わりに、JSONは数値(ブロックを繰り返す必要がある回数)である変数を返します。JsRenderを使用してhtmlをN回繰り返すにはどうすればよいですか?
javascript - 更新可能な jsRender テンプレート
テンプレートがレンダリングされた後、テンプレート内のフィールドに基づいて変更を加える必要があります。ここで、動作しない例を実行しました: http://jsfiddle.net/DrZ25/3/
jsRender はテンプレートをレンダリングし、各行の入力フィールドを変更するyearと、例では変更されますが、新しいムービーがリストに追加された場合、変更は行われません
これを機能させるオプションはありますか?
javascript - jsrender テンプレートの事前コンパイル
すべてのページで使用される jsRender テンプレートがいくつかあります。スクリプト タグ メソッドを使用する代わりに、それらをプリコンパイルして、結果の関数を外部 js ファイルに配置することをお勧めします。
これを尋ねる以前の質問を見ましたが、説明されている方法が機能していないように見えるか、何か間違ったことをしています。
msanjay が提案し、匿名関数をコピー/名前変更したコンソールから $.templates("#myTemplate") を呼び出し、次のようなものを取得しました (これは、私の訓練されていない目には少し奇妙に見えます)。
次に、 var html = $.render( data, myTemplate ); を呼び出してこのテンプレートを使用しようとすると、エラーが発生します:
キャッチされていない TypeError: オブジェクト関数 (a,b) のプロパティ 'render' {return new p.fn.init(a,b,c)} は関数ではありません
jsRender が変更されてこれができなくなったのか、それとも何か間違ったことをしているのかはわかりませんが、ガイダンスをいただければ幸いです。
jsrender - jsrenderテンプレート内の要素でマウスオーバー、クリックイベントをバインドする方法
私はjsRenderを使用しており、テンプレート内でレンダリングされる要素にクリック、マウスオーバーなどのイベントをバインドしたいと考えています。イベントをバインドするときに、データを引数として渡したいです。
例 :
上記のコードを試しましたが、うまくいきませんでした。誰かがこれを行う方法について洞察を与えることができますか?
ありがとう
jquery - jQuery.append、type input、およびWindows Store App(HTML / CSS / JS)
マークアップを動的に追加したいこのWindowStoreアプリがありますが、問題は次のように要約できます。
働く
動作しない
VisualStudioは次のように言っています。
JavaScriptランタイムエラー:動的コンテンツを追加できません。スクリプトが動的コンテンツ、または以前に動的に変更された要素を挿入しようとしましたが、これは安全ではない可能性があります。たとえば、innerHTMLプロパティを使用してスクリプトまたは不正な形式のHTMLを追加すると、この例外が生成されます。toStaticHTMLメソッドを使用して動的コンテンツをフィルタリングするか、createElementなどのメソッドを使用して要素と属性を明示的に作成します。
そして、jQueryのappend実装の行を指します。
これを回避する方法があるかどうか誰かが知っていますか?(テンプレートエンジンとしてJsRenderを使用したいので、jQueryが必要です)。