隱藏細節表（K-細節小區）時在劍道UI

Question

網頁加載我要隱藏的細節表時頁面加載

但是當點擊在主排三角形，它會顯示

http://demos.kendoui.com/web/grid/detailtemplate.html

來自我在螢火蟲上檢測到的元素。

Answer 1

我懷疑，你可以一個style="display: none;"添加到主容器爲detailTemplate，但很可能會拋出法師行三角形的行爲。

<div class="tabstrip" style="display: none;"> 
    <ul> 
     <li class="k-state-active"> 
      Orders 
     </li> 
     <li> 
      Contact Information 
     </li> 
    </ul> 
    <div> 
     <div class="orders"></div> 
    </div> 
    <div> 
     <div class='employee-details'> 
      <ul> 
       <li><label>Country:</label>#= Country #</li> 
       <li><label>City:</label>#= City #</li> 
       <li><label>Address:</label>#= Address #</li> 
       <li><label>Home Phone:</label>#= HomePhone #</li> 
      </ul> 
     </div> 
    </div> 
</div> 

你可以代替，只是隱藏它與頁面加載：

$('tr.k-master-row + tr.k-detail-row').hide();     

，或者只是初始化隱藏在細節行時數據綁定時（可能是最好的解決方案）的網格：

//... 
detailTemplate: kendo.template($("#template").html()), 
detailInit: detailInit, 
dataBound: function() { 
    this.collapseRow(this.tbody.find(">tr.k-master-row")); 
}, 
//...