2017-07-13 6 views
0

ではJavaScript変数を使用することができます私はJsRenderに新しいです...以下の問題で私を助けてください、私は、1つの愚かな問題で立ち往生していますはどのように私はJsrenderテンプレート

、私は多くの時間を費やしてきたが、見つけることができませんヘルプの関連記事。

私の内部 私はjavascript変数(s_name)を作って、自分のラジオボタンの名前としてforループで使用したいと思っています。しかし、私はそうすることができません。あなたがヘルパーとしてs_name変数を渡すことができ

{{for Product}} 

      <div class="leftOptInner1 my_left_{{:Id}}" id="my_left_inneropt"> 

       <div class="leftIconInner1 my_{{:Id}}" name="{{:Name}}" id="{{:Id}}" > 
        <!-- <div class="leftIcon1 designer_left_icon "> --> 
        <div class="designer_left_icon "> 

         <img src="{{:ImageSource}}" width="100%" height="100%"> 
        </div> 
        <p >{{:Name}}</p> 
        <span class="name" id="{{:Id}}"></span> 
        {{:"<scr" + "ipt type=&quot;text/javascript&quot;>"}} 
         var s_name = "{{:Name}}"; 
         alert(s_name); 
         // s_name.render(); 

        {{:"</scr" + "ipt>"}} 

       </div> 

        <div class="rightIconOptOuter" style="width: 100% !important; float: left;"> 
        {{for Options}} 

        {{for Features}} 

        <div class="rightIconOptInnerBox"> 

         <div class="tick"> 
           <div class="single_set_designer col-md-2"> 

         <div class="fav-heart1 fav-heart_deisgner" id="{{:Id}}"> 
         <span class="name" id="{{:Id}}"></span> 
          <div class="checkbox" id="{{:Id}}"> 
             <label> 
             <input class="myChk designer_chk" type="checkbox" id="{{:Id}}" data-textronic_id="{{:Id}}" data-textronic_name="{{:Name}}" name="check[]" /> 
             </label> 
            </div> 
         </div> 


         <div class="element_wrp text-center"> 
         <img src="{{:ImageSource}}"> 
         <p>{{:Name}}</p> 
         <div class="price_hide"> 
         <a class="show_price" id="{{:Id}}"><i class="fa fa-inr" aria-hidden="true"></i> Add Cost</a> 
          <input class="cost_associated form-control text-center showdesign{{:Id}}" type="text" value="" name="cost" style="display: none;"> 
         </div> 


         <input type="radio" name="WE_WANT_s_name_HERE" id="{{:Id}}" value="{{:Name}}"> 
         </div> 
        </div> 
         </div> 
        </div> 




       {{/for}} 


        {{/for}} 
         {{/for}} //products 

答えて

0

ヘルパー

..あなたの助けの人たちが必要...コードの下に見つけてください。

は、例えばhttp://www.jsviews.com/#helpers

を参照してください。そして、

var helpers = { 
    s_name_Hlpr: s_name, 
    ...}; 

myTmpl.render(data, helpers); 

書く:

<input type="radio" name="{{:s_name_Hlpr}}" ... /> 

はコード

また

(より良い回避)を許可しますが、内のコードへのアクセスを許可することができますあなたのテンプレート食べた:

http://www.jsviews.com/#allowcodetag

最初のセットを参照してください:

$.views.settings.allowCode(true); 

を次に書く:あなたはしているしているように見える、と述べ

<input type="radio" name="{{*:s_name}}" ... /> 

コンテキストパラメータ

をあなたのs_nを初期化しようとしていますデータから。

あなたは本当にあなたがこのように行うことができ、製品の名前を渡したいことがあり
var s_name = "{{:Name}}"; 

{{for Product}} 
    ... 
    {{for Options ~prod_name=Name}} 
    ... 
    {{for Features}} 
     ... 
     <input type="radio" name="{{:~prod_name}}" .../> 
     ... 
    {{/for}} 
    ... 
    {{/for}} 
    ... 
{{/for}} //products 

それは私の作品

+0

おかげで(http://www.jsviews.com/#contextualparamsを参照してください)。 –

関連する問題