Hi All,
I am trying add horizontal scroll bar inside kendomobileListview (with endless scrolling). But i am not able find any solution.
HTML Code:-
Javascript :-
Javascript code for Bind :-
I am able to workaround horizontal scroll bar with data-stretch="true" but it disables the scrolling. I want to implement mobileListView with Endless Scrolling. Please help me regarding this.
Thanks,
Nirav
I am trying add horizontal scroll bar inside kendomobileListview (with endless scrolling). But i am not able find any solution.
HTML Code:-
<!-- start - for lazy loading-->
<
div
class
=
"mobileListViewWrap deskNone"
>
<
div
id
=
"siteVisitationEndlessScroll"
class
=
"mobileListView k-grid gridBrdr mobInfGrid"
>
<
div
id
=
"siteVisitationEndlessScrollView"
data-role
=
"view"
data-title
=
"Company | Date | Reimbursement | Head Offices "
>
<
div
data-role
=
"header"
class
=
"mobileListViewHeader"
>
<
div
data-role
=
"navbar"
>
<
div
class
=
"wdth200px"
><
a
class
=
"k-link"
href
=
"#"
>Company</
a
></
div
>
<
div
class
=
"wdth100px"
><
a
class
=
"k-link"
href
=
"#"
>Visit Date</
a
></
div
>
<
div
class
=
"wdth160px"
><
a
class
=
"k-link"
href
=
"#"
>Reimbursement</
a
></
div
>
<
div
class
=
"wdth160px"
><
a
class
=
"k-link"
href
=
"#"
>Head/Admin Offices</
a
></
div
>
</
div
>
</
div
>
<
ul
id
=
"siteVisitationViewformobile"
class
=
"mobileListViewList"
></
ul
>
<
div
id
=
"noItemsToDisply"
>No items to display</
div
>
</
div
>
</
div>
</
div
>
<
script
type
=
"text/x-kendo-tmpl"
id
=
"siteVisitationTemplate"
>
<
div
class
=
"fLeft wdth200px"
>#:CompanyName#</
div
>
<
div
class
=
"fLeft wdth100px"
>#:getDateInCurrentTimezone(VisitDate)#</
div
>
<
div
class
=
"fLeft wdth160px"
></
div
>
<
div
class
=
"fLeft wdth160px"
></
div
>
<
br
><
br
>
</
script
>
<!-- end - for lazy loading-->
Javascript :-
var
app =
new
kendo.mobile.Application($(
"#siteVisitationEndlessScroll"
));
Javascript code for Bind :-
$(
"#siteVisitationViewformobile"
).kendoMobileListView
({
dataSource: dataSource,
template: $(
"#siteVisitationTemplate"
).html(),
endlessScroll:
true
});
I am able to workaround horizontal scroll bar with data-stretch="true" but it disables the scrolling. I want to implement mobileListView with Endless Scrolling. Please help me regarding this.
Thanks,
Nirav