Как поместить Kendo ListView в содержимое панели Kendo PanelBar? - PullRequest
Новая
       39

Как поместить Kendo ListView в содержимое панели Kendo PanelBar?

0 голосов
/ 24 октября 2018

Мне нужно поместить динамически заполненный ListView в динамически создаваемую панель.Представление списка в div с идентификатором listView

Я попробовал следующее:

index.js: 

panelbar.append({   
            text: "Group1",
            encoded: false,
            content: $("\#listView")          //puts [object Object]
            //OR
            content: '<object type="text/html" data="#listView" ></object>' //puts the whole html-page into panel, very interesting behaviour
 })

Можно ли поставитьdiv в панель или мне нужно использовать частичные представления / длинную строку, где построен просмотр списка и как .

Я также пытался поставить ListViewв качестве шаблона PanelBar:

index.html: 

<script id="panelbar-template" type="text/kendo-ui-template">
    <script>
        $("\#listView").kendoListView()
    </script>
</script>

<div id="panelBar" style="margin:0 auto; width: 90%">
     @(Html.Kendo().PanelBar()
        .Name("Panelbar")
        .TemplateId("panelbar-template")
        ..

1 Ответ

0 голосов
/ 24 октября 2018

Для одной панели я поместил свой ListView в «MyPartialView.cshtml» и написал следующее в моем «index.cshtml»: 

@(Html.Kendo().PanelBar()
    .Name("panelbar")
    .ExpandMode(PanelBarExpandMode.Multiple)
    .Items(panelbar =>
    {
    panelbar.Add().Text("Group1")
         .Expanded(true)
         .Content(@<text> <div> abc @Html.Partial("MyPartialView")</div></text>); //THIS DID IT
    //;
    })
)

для динамического содержимого, я работал с PartialПросмотры

...