Asp.net お客様のテンプレート-

StackOverflow https://stackoverflow.com/questions/895112

  •  23-08-2019
  •  | 
  •  

質問

での再利用クライアント-テンプレートを使用asp.net ajax4.0お客様のテンプレートはどこですか？いシナリオの例で示したとおりです。私の質問はこちら

  1. 私が得られない場合conditionworkクライアント-テンプレート
  2. たいのですが、再使用、u lタグ テンプレートのための三種の "カラム"のデータ(col1,col2,col3に 例json)?

サンプルコード:

<style>
    .sys-template { display:none; }
    .list {width:220px; float:left;  margin:0px 0px 0px 10px; background-color:#f2f2f2; }
    </style>

    <script src="MicrosoftAjax.debug.js" type="text/javascript"></script>
    <script src="MicrosoftAjaxTemplates.debug.js" type="text/javascript"></script>

    <script type="text/javascript">
        var listItems = [{ item: "item1", col: "col1" },
                         { item: "item2", col: "col1" },
                         { item: "item3", col: "col1" },
                         { item: "item4", col: "col2" },
                         { item: "item5", col: "col2" },
                         { item: "item6", col: "col2" },
                         { item: "item7", col: "col2" },
                         { item: "item8", col: "col3" },
                         { item: "item9", col: "col3" },
                         { item: "item10", col: "col3" }]
    </script>
    </head>

    <body xmlns:sys="javascript:Sys" xmlns:dataview="javascript:Sys.UI.DataView" sys:activate="*">
    <ul id="col1" class="list sys-template"  sys:attach="dataview" dataview:data="{{ listItems }}">
        <!--* if (col=="col1") { *-->
        <li>{{item}}</li>
        <!--* } *-->
    </ul>
    <ul id="col2" class="list sys-template"  sys:attach="dataview" dataview:data="{{ listItems }}">
        <!--* if (col=="col2") { *-->
        <li>{{item}}</li>
        <!--* } *-->
    </ul>
    <ul id="col3" class="list sys-template"  sys:attach="dataview" dataview:data="{{ listItems }}">
        <!--* if (col=="col3") { *-->
        <li>{{item}}</li>
        <!--* } *-->
    </ul>
    </body>
役に立ちましたか？

解決

このような何か作業をする必要があります - 私はそれが完璧イマイチ場合ので、私を許してその場でこれを入力しています。 

<ul id="template1" class="sys-template">
  <li code:if="col==$element.id">{{item}}</li>
</ul>

<ul id="col1" class="list sys-template" sys:attach="dataview" dataview:data="{{listItems }}" dataview:itemtemplate="template1">
</ul>
<ul id="col2" class="list sys-template" sys:attach="dataview" dataview:data="{{listItems }}" dataview:itemtemplate="template1">
</ul>
<ul id="col2" class="list sys-template" sys:attach="dataview" dataview:data="{{listItems }}" dataview:itemtemplate="template1">
</ul>

他のヒント

プレビュー4では、コードを使用してコードを挿入：前とコード：代わりに、コメントコードブロックの属性の後に

。

これは、テンプレートを再利用することも可能です。実際には、フレームワークは、あなたのためにそれを行うだろう：あなたは、同じ要素の2つのデータビューのテンプレートプロパティを指している場合、唯一のテンプレートがコンパイルされ、使用されます。

。
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top