This is a migrated thread and some comments may be shown as answers.
grid detail tabstrip not working on my android tablet
2 Answers 50 Views
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 28 May 2012, 12:12 AM
hi

i´ve got two grids the loads as details on a main grid.
on my desktop everything works well, but on my android tablet (moto xoom, 10", android 4) if i click on one of those tabs, the tab content doesnt appear and from then, no tab is working anymore (not even clickable anymore).
tested with different browser and the same result.

my template
<script type="text/x-kendo-template" id="template">
<div class="tabstrip">
<ul>
<li>
Adressen
</li>
<li class="k-state-active">
Kontakte
</li>
</ul>
<div>
<div class="addresses"></div>
</div>
<div class="contacts"></div>
</div>
</div>
</script>

my detailinit
function onDetailInit(e) {
 
    var detailRow = e.detailRow;
    detailRow.find(".tabstrip").kendoTabStrip({
        animation: {open: {effects: "fadeIn"}}
    });
 
    detailRow.find(".addresses").kendoGrid({
        dataSource: DataSource.get("address"),
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true,
        scrollable: false,
        sortable: true,
        pageable: true,
        columns: [
            {field: "street_address", title:"Anschrift"},
            {field: "zip", title: "PLZ"},
            {field: "city", title: "Ort"}
        ]
    });
    detailRow.find(".addresses").data("kendoGrid").dataSource.filter( [{ field: "id", operator: "eq", value: e.data.id }] )
 
 
    detailRow.find(".contacts").kendoGrid({
        dataSource: DataSource.get("contact"),
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true,
        scrollable: false,
        sortable: true,
        pageable: true,
        columns: [
            {field: "surname", title:"Nachname"},
            {field: "prename", title: "Vorname"},
            {field: "phone", title: "Telefon"},
            {field: "mail", title: "Email"},
            {field: "birthday", title: "Geburtsdatum", template: '#= kendo.toString(birthday, "dd.MM.yyyy")#'}
        ]
    });
    detailRow.find(".contacts").data("kendoGrid").dataSource.filter( [{ field: "client_id", operator: "eq", value: e.data.id }] )
}

attached is a screenshot of the "lost tabs" on my xoom.
i hope somebody can help me out.

thx in advance

2 Answers, 1 is accepted

Sort by
0
Daniel
Top achievements
Rank 1
answered on 28 May 2012, 04:48 PM
hi

after further investigation (debug js on android chrome) i can say that the content of detail grids is loaded and the grids are available in the html source, but the k-content div is display:none (respectively the div goes visible if i set it to display:block) and the k-item (the "tab") isnt set to k-state-selected.

i´ll try to look at what happens inside kendo on tab selection, but without success yet.

thanks in advance for every help.
dan
0
Daniel
Top achievements
Rank 1
answered on 31 May 2012, 08:36 AM
nobody? :(
Asked by
Daniel
Top achievements
Rank 1
Answers by
Daniel
Top achievements
Rank 1
Share this question
or