javascript - 剣道UIでページ読み込み時に詳細テーブル(k-detail-cell)を非表示

Question

ページ読み込み時に詳細テーブルを非表示にしたい

しかし、マスター行の三角形をクリックすると、表示されます

http://demos.kendoui.c​​om/web/grid/detailtemplate.html

それは私がfirebugで検出した要素からのものです。

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"));
},
//...