Fixed I added

Emad_R_ · ‎09-21-2015

Hello I create subpage to list all cars

and this listview get data from ajax (DB)

but I can't scroll down just I can see only first 3 items

here my code

.
.
                <div id="cars_index" class="upage-content vertical-col left ">
                    <div class="widget uib_w_5 d-margins pages_title_header" data-uib="media/text" data-ver="0">
                        <div class="widget-container left-receptacle"></div>
                        <div class="widget-container right-receptacle"></div>
                        <div>
                            <p>All Cars</p>
                        </div>
                    </div>
                    <ul class="list widget uib_w_6 d-margins" data-uib="app_framework/listview" data-ver="1" id="listcars">

                        <li class="widget uib_w_9" data-uib="app_framework/listitem" data-ver="1"><a>List Item</a>
                        </li>
                    </ul>
                </div>
.
.

            $ (document) .on ("click", "#mainpage_to_cars_index", function (evt) {
        $ ("#listcars") .empty ();
            $ .ajax ({
                type: "GET",
                url: "http://localhost/api/cars.php",
                timeout: 3000,
                contentType: "application / json; charset = utf-8",
                // dataType: "jsonp"
                success: function  (result, jqXHR) {
                    var  cars = JSON.parse (result);
                    $.each(cars,function(i, car){
                    var item = "<li><h2>"+car.car_year+"</h2><p><b>Make:</b> "+car.car_make+"</p><p><b>Model:</b> "+car.car_model+"</p></li>";
                    $("#listcars").append(item);
                });
                },
            });
                
            });

Please Help

Thanks

Emad_R_ · ‎09-21-2015

Fixed I added

overflow-x:hidden

Elroy_A_Intel · ‎09-21-2015

The overflow CSS property as you previously mentioned allows for you to enable scrolling.

URL: http://www.w3schools.com/cssref/pr_pos_overflow.asp

Mauro_F_ · ‎10-06-2015

hello I have the same problem, but I can not solve it.

Despite using "overflow-x: hidden" I can not have the scroll.
Maybe it applies evil overflow-x: hidden.
Can you give me an example of a code of how to apply the solution.

Thanks a lot

Sorry for my english

Mauro from Italy

Brian_W_Intel · ‎10-15-2015

Emad and Mauro,

Well your HTML and Javascript look alright, and since you're getting three results to show up I'm guessing everything is running ok. Since I can't run your local cars.php, I can't tell what it's returning, but that's where I would look. Inside your success callback function, in the $.each(cars...) is the cars object bigger than three items? There's nothing in the code that would limit it to three items, so my guess is that the cars object you're getting only has three items, or something is wrong in there in a way that you're only getting a few items appended to your unordered list.

Brian

Mauro_F_ · ‎10-15-2015

Hello Brian

the problem is very simple.
If, as in this example, I insert a list that is unlocked.
Does not scroll.
I tried to enter various properties as "overflow-x: hidden" but the scroll does not work on Android.

I'm using "App Framework" and tried on Galaxy S5 Mini with Android 4.4.2.
Tell me what other information you can serve

Thanks a lot for the collaboration

Mauro

PaulF_IntelCorp · ‎10-21-2015

Mauro, please try this in a Crosswalk build (or using the Debug tab, which uses Crosswalk). I'm guessing that you are running into the bad webview problems associated with Android, thus the reason we offer Crosswalk as an alternative for Android.

Can't scroll listview