2013-08-26 38 views
0
<script id="namesAutoCompleteTemplate" type="text/x-kendo-tmpl">  
      <div class="k-widget k-grid" id="Grid"> 
      <div class="k-grid-content"> 
      <h3>${data.NameFirstInitLast}</h3> 
      <p>Person ID: ${data.PersonId}</p> 
      <p>Member Number: ${data.MemberNumber}</p> 
      <p>Member Status: ${data.MemberStatus}</p> 
      <p>Category: ${data.PrimaryCategoryCode}</p> 
</script> 

如果上述任何表達式的結果(例如$ {data.PersonId} = NULL,則顯示''或者什麼也不顯示)。如何檢查表達式的結果在HTML中是否爲NULL,如果是,什麼也不顯示?

我該怎麼做呢?

+0

難道你不能創建一個函數來檢查?也許使用三元運算符'?'.. –

+0

你在頁面中看到NULL爲字符串,還是看不到任何內容? –

+0

我在實際頁面上看到「null」。 –

回答

1

我從您的<script/>標記中搜集您正在使用Kendo UI模板的標籤?因此,#字符在Kendo模板中用作轉義序列,以便插入由Kendo的模板引擎評估的JavaScript代碼。這裏是什麼,你可能希望實現一個例子:

<script id="namesAutoCompleteTemplate" type="text/x-kendo-tmpl">  
    <div class="k-widget k-grid" id="Grid"> 
    <div class="k-grid-content"> 
     # if (data) { # 
     <h3>${data.NameFirstInitLast}</h3> 
     <p>Person ID: ${data.PersonId}</p> 
     <p>Member Number: ${data.MemberNumber}</p> 
     <p>Member Status: ${data.MemberStatus}</p> 
     <p>Category: ${data.PrimaryCategoryCode}</p> 
     # } # 
    </div> 
    </div> 
</script> 

在一個側面說明,我不喜歡的${}語法,並且劍道是不是與三種逃生的非常一致字符序列在自己的文檔中使用。爲了保持一致性,我建議堅持使用#=data.property#和/或#:data.property#。但那只是我的個人意見。 :)

相關問題