animationDuration
|
int
|
30
|
Sets or gets the animationDuration property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
bounceEnabled
|
bool
|
true
|
Sets or gets the bounceEnabled property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
buttonsOffset
|
List<string>
|
[0, 0]
|
Sets or gets the buttonsOffset property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
currentPage
|
int
|
0
|
Sets or gets the currentPage property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
disabled
|
bool
|
false
|
Sets or gets the disabled property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
height
|
string
|
320
|
Sets or gets the height property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
moveThreshold
|
int
|
0.5
|
Sets or gets the moveThreshold property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
showButtons
|
bool
|
true
|
Sets or gets the showButtons property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
slideShow
|
bool
|
true
|
Sets or gets the slideShow property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
slideDuration
|
int
|
3000
|
Sets or gets the slideDuration property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
theme
|
string
|
''
|
Sets or gets the theme property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
width
|
string
|
320
|
Sets or gets the width property.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view > <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div>
|
|
pageChanged
|
Event
|
|
Code examples
Bind to the pageChanged event of jqxScrollView.
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view on-page-changed="eventHandler()"> <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div></jqx-scroll-view> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
|
back
|
Method
|
|
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view instance="getInstance()"> <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div></jqx-scroll-view> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
changePage
|
Method
|
|
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view instance="getInstance()"> <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div></jqx-scroll-view> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "changePage"]();
|
forward
|
Method
|
|
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view instance="getInstance()"> <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div></jqx-scroll-view> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
refresh
|
Method
|
|
<script src="~/jqwidgets/jqxscrollview.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{ ViewData["Title"] = "ASP .NET MVC ScrollView Example"; } <style type="text/css"> .photo { width: 600px; height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; } </style><jqx-scroll-view instance="getInstance()"> <div><div class="photo" style="background-image: url(/images/imageNature1.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature2.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature3.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature4.jpg)"></div></div> <div><div class="photo" style="background-image: url(/images/imageNature5.jpg)"></div></div></jqx-scroll-view> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|