topic Hello Brian in Software Archive

Can't scroll listview

Emad_R_ — Mon, 21 Sep 2015 07:56:29 GMT

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

Fixed I added

Emad_R_ — Mon, 21 Sep 2015 08:24:47 GMT

Fixed I added

overflow-x:hidden

The overflow CSS property as

Elroy_A_Intel — Mon, 21 Sep 2015 17:15:19 GMT

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

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

hello I have the same problem

Mauro_F_ — Tue, 06 Oct 2015 19:31:15 GMT

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

Mauro,

Brian_W_Intel — Thu, 15 Oct 2015 17:02:00 GMT

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

Hello Brian

Mauro_F_ — Thu, 15 Oct 2015 19:57:42 GMT

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

Mauro, please try this in a

PaulF_IntelCorp — Wed, 21 Oct 2015 23:55:32 GMT

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.