問題タブ [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.
jquery - jsrender または jquery テンプレート ライブラリの作成方法
mvc アプリケーションで xslt を使用せずに、xml データから html テンプレートを作成する必要があります。
私の解決策は次のとおりです。最初にjson.net(http://json.codeplex.com/)を使用してxmlをjsonに変換しました。2 番目に $parse.Json (http://api.jquery.com/jQuery.parseJSON/) を使用して上記の json 文字列を javascript オブジェクト リテラルに変換し、3 番目に jsRender (https://github.com/BorisMoore/jsrender) を使用してhtml テンプレートに値を追加します。
すべてが順調です。しかし、jsRender ではなく、html をレンダリングするための独自の js を作成する必要があります。
私の質問は、各jsオブジェクトをループして関連するhtmlタグを見つけて値を追加する方法です。
javascript - jsRenderとjsViewsの違い
したがって、jQueryテンプレートがベータ版を超えることはなく、jsRenderとjsViewsが空白を埋めることになっています。Boris Mooreがこのページに投稿した例を確認しましたが、jsRenderとjsViewsの違いがわかりません。さらに、Borisは、混乱を助長するために、もう一方の例で一方を使用しました。それで問題は、それらのうちの2つがどのように関連している(または異なる)のかということです。
javascript - jsrender テンプレート内で変数を定義する
jsrender テンプレートを埋めるために使用されるループ内に「colcounter」変数を保持する必要があります。
これが私のテンプレートコードです
残念ながら、ループの最初の反復で「エラー: colcounter が定義されていません。」と表示されます。その後、動作します。
colcounter 変数を初期化する方法が機能していないようですが、正しい方法が見つかりません。var colcounter =0
動作しません。
アップデート
- jsfiddle: http://jsfiddle.net/ZX6Mk/
- colcounter が動作するようになりました。グローバルスコープで宣言しました。しかし、datascape.showInvisible に問題があります。また、エラーが発生します
Error: Cannot read property 'showInvisible' of undefined
。
お時間をいただきありがとうございます。
jquery - データテーブル用の最速のテンプレートプラグインを選択する
最近、asp.netグリッドビュー(更新パネルで機能)をHTMLテーブルに変更し、jquery-Ajaxを使用し、jtemplatesを使用してテンプレートを作成しました。パフォーマンスの向上は非常に大きかったです!!! (サーバー側では、汎用のhttphandlerを使用しています)。私が扱っているパフォーマンスの問題の1つは、jtemplateプラグインが原因でFirefoxで発生します。どういうわけか、FFが20行のテンプレートを最大3秒でレンダリングするのにかかります!!! (IEまたはChromeでは約100msかかります)。私の目標が主にシンプルさとパフォーマンスである場合、どちらが好ましいテンプレートプラグインですか?私はjsrenderを試していますが、これは高速ですが、十分に文書化されていません(forループ内で何かを行うのに問題がありました)。Knockoutjsは素晴らしいように見えますが、かなり洗練されており、パフォーマンスの問題も恐れています。ありがとう!!!
jquery - クライアント側のテンプレートは製品に適していますか?
クライアント側のテンプレートは製品開発に適していますか? これにより、かなりの量のロジックが顧客に公開されませんか?
xslt - XSLは、jsRender用のカーリーブレースを挿入し続けます
AspDotNetStorefrontを使用しています(これがxslを使用する必要がある理由です)。クライアントは、カテゴリ内の製品を並べ替えることができるようにしたいと考えています。tablesorterを使用し、jsrenderを使用してテンプレートをレンダリングすることにしました。
xslがjsrenderテンプレート用の中括弧の1つを削除しているため、特別なリンクを作成する以外はすべて実行できます。
だから私は/images/blah.jpgのようなproductImageのあるオブジェクトを持っていて、以下は正しく動作します。
素晴らしい-だから私はリンクを入れようとします:
そして、xslは私のテンプレートを次のように出力します。
そのため、正しくレンダリングされていません。私は過去数時間にわたってあらゆる種類のアイデアを試しましたが、これを正しく機能させることができません。XSLが中括弧を刺さないようにするにはどうすればよいですか?
javascript - JavaScript/Jqueryで簡単に画面/ビューを実現するには?
かなり基本的なことが欠けていると思いますが、jQuery と Javascript プログラミングの速度を上げ始めたところです。以前はPHPでサーバーサイドプログラミングをしていました。私は現在、HTML5 webapp のプロトタイプを作成している最中で、さまざまな画面が必要です。PHP は非常に簡単だったので、Smarty のようなサーバー側のテンプレートを使用するだけで完了できました。
ただし、アプリをより webapp のようにするために、ウィンドウをリロードせずに画面間を動的に変更したいと考えています。
私は自分の質問に対する回答となる可能性のあるいくつかのオプションを調べましたが、正しい軌道に乗っているかどうかはわかりません.
たとえば、JsRender、JsViews、または純粋な jquery load コマンドをチェックしました。しかし、これらのことで次のようなことができるかどうかはわかりません。
HEADER_PART
MAIN_CONTENT
FOOTER_PART (私が使用する一般的な JS ファイルへのリンクも含まれています)
MAIN_CONTENT 部分を動的に更新したいと考えています。現在、私のアプリケーションは 1 ページのみであり、そのページに属するすべてのカスタム ロジックは 1 つの JS ファイルにあります。この JS ファイルでは、単純な $(function() { ... を使用してページをロードするため、ページがロードされるたびに、ページの一部が非同期で更新されます。これは問題ありません。この特定のページのすべてのブロックがその1ページがロードされるときにロードする必要があります。
しかし、main.html#otherscreen のようなリンクがあり、その画面をクリックしたときに MAIN_CONTENT を変更し、最初のページではなく、他の画面のブロックを処理する特定の JS をロードする別のページを実行したい場合はどうすればよいでしょうか?
おそらくサーバー側のテンプレートを使用し、AJAX 要求を使用してページをロードできることはわかっていますが、それが正しいアプローチであるかどうかはわかりません。
教えていただけますか?:)
ありがとう、よろしく、 ベンス
jsrender - jsRenderテンプレートを別のjsファイルに保存します
jsRenderテンプレートを別のファイルに保存することは可能ですか?
別のファイルに保存して、自分のページで参照したいと思います。
このようなもの
私はどんな記念や提案にも感謝します。
ありがとう
jquery-templates - 外側のコンテキストからプロパティ データを取得する
ネストされたテンプレートから親データにアクセスしようとしています。
このhttps://github.com/BorisMoore/jsrender/issues/34によると、私は似たようなことをしようとしていますが、エラーが発生しています: data.parent is undefined.
私の「マスター」テンプレートには、宣言があります
そして#RoomTmplで
さまざまな組み合わせを試しましたが、常にエラーが発生します
誰もこれを行う方法を知っていますか?
--ソリューション--
正しい構文は
javascript - jsRender再帰テンプレート
jsRenderを使用して再帰的にテンプレート化する方法を実装しようとしています。問題は、私のデータオブジェクトに単項自己参照階層があり、すべての属性を表示するために再帰的なループが必要なことです。ここでの例は、任意の数の返信投稿を含むことができるフォーラム投稿です。各返信投稿には、子の投稿などをいくつでも含めることができます。再帰部分を除いて、次のコードが機能しています。私はグーグルを介してこれへのリモートリファレンスを1つしか見つけることができなかったので、これまでに私が持っているものは次のとおりです。
誰かがこの種の機能の経験がありますか?それが助けになるなら、私は現在jsRenderの最新バージョンを実行しています。