RazorにJavaScript変数を挿入する方法[複製] -- javascript フィールド と asp.net-mvc フィールド と razor フィールド 関連 問題

How to insert a JavaScript variable into razor? [duplicate]












0
vote

問題

日本語

どのように私はかみそりにJavaScript変数を挿入することができますか?ユーザーが insert-comment ボタンをクリックすると、 counter をインクリメントしています。<コード> Comment 。ただし、現在のコンテキストに「名前」カウンタが存在しないため、アレイインデックスとしてカウンタを正しく挿入するのに問題があります。

モデル:

<事前> <コード> public List<String> Comment {get; set;}

ビュー:

<事前> <コード> var counter= 0; jQuery(function($) { $('#insert-comment').on("click", function(e) { $(this).closest('tr').prev('tr').find('ul') .append( '<li>' + '@Html.EditorFor(model => model.Comment[counter], new { htmlAttributes = new { @class = "form-control col-xs-12" } })' + '</li>'); }); counter++; });
英語

How can I insert a JavaScript variable into razor? I'm incrementing counter by the amount of times the user clicks on insert-comment button, and then I have a JavaScript function that adds new input boxes for Comment. However, I'm having trouble properly inserting counter as the array index because I'm getting a "the name 'counter' does not exist in the current context" error.

Model:

public List<String> Comment {get; set;} 

View:

var counter= 0;  jQuery(function($) {     $('#insert-comment').on("click", function(e) {         $(this).closest('tr').prev('tr').find('ul')             .append(                 '<li>' +                 '@Html.EditorFor(model => model.Comment[counter], new { htmlAttributes = new { @class = "form-control col-xs-12" } })' +                 '</li>');     });     counter++; }); 
</div
        
 
 

回答リスト

0
 
vote

Razorを使用してHTML要素に変数値をコピーすることができます。

この要素はJavaScriptで読み取ることができます。

 

You could copy your variable value in an html element using razor.

This element could be read in javascript.

</div
 
 
0
 
vote

私はあなたがクライアントスクリプトの前にHTMLヘルパーがレンダリングされるようにすることができるとは思わない。私はそのようなエディタのためのHTMLを追加します。

<事前> <コード> '<li><input type="input" name="Comment[' + counter + ']" class = "form-control col-xs-12"></li>';
 

I don't think you can as the html helper is rendered before any client scripting. I would just append the html for the editor like so.

'<li><input type="input" name="Comment[' + counter + ']" class = "form-control col-xs-12"></li>'; 
</div
 
 

関連する質問

22  プロパティのクライアントID(ASP.NET MVC)  ( Client id for property asp net mvc ) 
私のビューでテキストボックスのラベルを実行しようとしています、そして、私はあなたがスクリプトを生成するためにクライアントにレンダリングされるようになるIDをどのように実行することができますか...例えば: <事前> <コード> <label for="<%=x...

1  MVCのTextBoxのHTMLエンコーディング4  ( Html encoding with textboxfor mvc 4 ) 
私は 山括弧&gt。 (私のコード> TextBoxFor に例外がスローされている <事前> <コード> @Html.TextBoxFor(model => model.tags, new { @class = "form-control", placeh...

1  MVC3かみそりとブラウザ(IE9)戻るボタンの問題  ( Mvc3 razor and the browser ie9 back button issue ) 
私はMVC 3のRazorアプリを開発しています、そして、私はブラウザの戻るボタンをクリックすると問題があります。私のアプリケーションワークフロー: ドロップダウンリストから機能を選択 webgridは施設の建物のリストを取り入れます。 画像をクリックして...

14  ASP.NET MVC Razorの構文でラジオボタンを無効にします  ( Asp net mvc disable radio buttons with razor syntax ) 
ASP.NET MVCアプリケーションでは、2つのラジオボタンがあります。モデル内のブール値に応じて、ラジオボタンを有効または無効にするにはどうすればよいですか。 (ラジオボタンの値もモデルの一部です) 私のラジオボタンは現在このように見えます - <事...

2  剣道グリッド集約合計空のフッターを表示します  ( Kendo grid aggregate sum displaying empty footer ) 
このコードから0の値を持つフッターを取得しています。なぜ誰かが理由を知っていますか? ありがとう <事前> <コード> @(Html.Kendo().Grid(Model).HtmlAttributes(New With {.class = "ke...

73  ビュー内に部分的なビューをロードする方法は?  ( How can i load partial view inside the view ) 
この部分的な視点と非常に混乱しています。 私のメインビューの中に部分的なビューをロードしたいです。 これは簡単な例です。 HomeController索引アクションのIndex.cshtmlをメインページとしてロードしています。 Index.cshtmlで...

2  MVCの子アクションのエラーの処理  ( Handling errors in mvc child actions ) 
マイエラー処理は、コントローラの実行中に発生するエラーを(自動的に一部のもの)収集します。それから私はエラーメッセージをレンダリングする部分的なビューを持っています。 エラーメッセージをViewDataに格納し(RedirectResultで応答した場合はTe...

0  Razor EngineとEF Codefirstを使用したMVCアプリケーションの作成  ( Creating mvc application using razor engine and ef codefirst ) 
私はエンティティフレームワークの練習です。私はRazor EngineとEFコードを最初に使用しているASP.NET MVCフレームワークを練習しています。それを練習する際には、問題がほとんどないことがわかりました。問題は、Entity Frameworkがデ...

0  Razor MVC3の中に部分的なASPXを呼び出します  ( Call partial aspx inside razor mvc3 page ) 
MVC3プロジェクトのページからPartial ReportViewer.aspxを呼び出したいが、部分的なカントは場所を見つけてこのようなエラーを表示する どのように私はそれを解決することができますか? エラー場所すべてのパスに.aspxの場所が表示され...

0  かみそりのマークアップの何が問題なのですか?  ( Whats wrong with razor markup ) 
MVCを学び、「Pro ASP .NET MVC 2」からサンプルを使用しようとしています。私はMVC3ですべてを書いてみようとしています。 最初に@ html.RenderActionのことに問題がありました、私はそれを@ html.actionに変更しま...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有