0

まず、暗号化されたファイルを my として読み込み、DataSourceそれを XML 文字列に変換します。

パネルバーに動的に追加されたパネルがこのフィドルで見られるように動作しないように見えることを除いて、データは私のグリッドに正しく表示されます。

それらは次の場所に追加されます。

<ul id='panelbar'>
    <li id='patDet' class='k-state-active'>
        <span class='k-link k-state-selected'><input type='checkbox' id='cPatientDetails' /><label for='cPatientDetails'><a href='#'  id='cbSelect'></a>Patient Detail</label></span>
        <div id='patTab'></div>
    </li>
</ul>

そのようです：

$("<li id = '"+ liID +"' class='k-item k-state-default' role='menuitem' aria-expanded='false' aria-hidden='true'><span class='k-link k-header'><input type='checkbox' id='c" + x + "' class='cbSelect' /><label for='c" + x + "'><a href='#'   id='cbSelect''></a>" + liTitle + "</label></span></li>").appendTo("#panelbar");
$("<div id = 'gridGenerate" + x + "' width='400px;' aria-hidden='true'></div>").appendTo("#" + liID);

スパンとリンクの理由は、このフィドルにあるチェックボックスでスタイリングを使用できるようにするためです。

最初はハードコードされた DataSource を使用していましたが、これは完全に機能しましたが、リクエストを使用してデータをフェッチすることに切り替えたとき、パネルバーを除いてすべてのデータが表示されます。

これは次のようになります。ここに画像の説明を入力

最初のタブのみを開く必要がある場合。次のようにパネルバーを作成しました。

$("#panelbar").kendoPanelBar(
{
    expandMode: "single"
});

編集

パネルバーとグリッドは、データが取得されて変換された後にのみ作成されるようになりましたが、問題は残ります。

なぜこれが起こっているのですか？

4

2 に答える 2

3

KendoUI が を追加するtabと、HTML タグを追加するだけではありません。そのため、必要に応じてタブを追加する方法があります。

HTML を手動で追加する代わりに、次を使用してみてください。

var panelbar = $("#panelbar").data("kendoPanelBar");
panelbar.append([
    {
        text: "<label for='c" + x + "'>" +
                "<a href='#'   id='cbSelect''></a>" +
                "" + liTitle + "" +
                "</label>",
        encoded: false,
        content: "<div>text</div>"

    }

]);

JSFiddle で表示するには、ここをクリックしてください。

于 2013-04-19T06:55:55.103 に答える