Search jQuery

jQuery Forum

jQuery Mobile

lsepolis1..

go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

in jQuery Mobile • 5 years ago

When enter App... live in real Device or in Ripple emulator

if go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

when go to another page with Listview all OK as second shot... when re-enter Search list view again AFTER VIEWED another list view Search List view is OK like lat two shots... well???

success: function(results) {
if ( results[0] ) {
var list = self.config.recent,
items = [];
self.createH2new(rec.data_polis);
var i,
len = results.length,
row;
//alert("len2");
if (len > 0 ) {
for (i = 0; i < len; i += 1) {
row = results[i];
items.push('<li><a href="#display" data-trnote="' + row.id + '">' + row.name + '</a></li>');
}
list.html(items.join('\n'));
$('a', list).on('click', function(e) {
self.displayEntryInfo($(this).attr('data-trnote'));
});
list.listview('refresh');
$('#entries').show();
} else {
$('#entries').hide();
}

<div data-role="page" id="home" data-add-back-btn="true" data-back-btn-text="Back">
<div data-role="header" style="overflow:hidden;"
data-position="fixed"
data-id="vs_header">
<h1 id="home1H">Polis</h1>
<a href="#" data-rel="back" data-icon="arrow-l" data-iconpos="left">Back</a>
<a href="#home0" data-icon="home" data-iconpos="right">Home</a>
</div>
<div role="main" class="ui-content">
<div id="entries">
<h2 id="home2H">Most Recent Notes</h2>
<ul class="recent" data-role="listview" data-inset="true">
<li>Loading...(Internet Required)</li>
</ul>
</div>
</div>
<div data-role="footer" style="overflow:hidden;"
data-position="fixed"
data-id="vs_footer">
<div data-role="navbar">
<ul>
<li><a href="#home0"
data-role="button"
data-icon="home"
>Home</a></li>
<li><a href="mapspolisgen.html"
data-role="button"
data-icon="grid"
rel="external"
>MapsPolis</a></li>
<li class="subListInDiv"><a href="#home-search"
data-polis="0"
data-role="button"
data-icon="search"
>Search</a></li>
<li><a href="PowersTravelNotes/index.html"
data-role="button"
data-icon="star"
rel="external"
>TravelNotes</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="home-search" data-add-back-btn="true" data-back-btn-text="Back">
<div data-role="header" style="overflow:hidden;"
data-position="fixed"
data-id="vs_header">
<h1 id="home1H">Polis</h1>
<a href="#" data-rel="back" data-icon="arrow-l" data-iconpos="left">Back</a>
<a href="#home0" data-icon="home" data-iconpos="right">Home</a>
</div>
<div role="main" class="ui-content">
<div id="entries">
<h2 id="home2H">Most Recent Notes</h2>
<form class="ui-filterable">
<input id="autocomplete-input" data-type="search" placeholder="Search Polis town...">
</form>
<ul class="recent" data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#autocomplete-input" data-inset="true">
<li>Loading...(Internet Required)</li>
</ul>
</div>
</div>
<div data-role="footer" style="overflow:hidden;"
data-position="fixed"
data-id="vs_footer">
<div data-role="navbar">
<ul>
<li><a href="#home0"
data-role="button"
data-icon="home"
>Home</a></li>
<li><a href="mapspolisgen.html"
data-role="button"
data-icon="grid"
rel="external"
>MapsPolis</a></li>
<li class="subListInDiv"><a href="#"
data-polis="0"
data-role="button"
data-icon="search"
>Search</a></li>
<li><a href="PowersTravelNotes/index.html"
data-role="button"
data-icon="star"
rel="external"
>TravelNotes</a></li>
</ul>
</div>
</div>
</div>

Replies(6)

watusiware

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

5 years ago

You've presented your success: function out of context, so we have no idea where it is being called from.

We have to guess that self.config.recent is a jQuery object that selects your listview. Is it?

Also, since your screenshots have text that is not present in the HTML, we can't be sure that the HTML you posted corresponds to what you are actually using. (screen shots have "All Records", but not present in HTML...)

Does the list initially show "Loading...(Internet Required" with proper list item formatting?

Did you check for errors on the javascript console? Was there some error, and the code never got to list.listview('refresh');?

polis123

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

5 years ago

The data come from LAMP
Is not this the problem. .. but I think in in html5

I make a trick look what inspected
These two data role page blocks exist in this sequence

<div data-role="page" id="home"

<div data-role="page" id="home-search"

Problematic is home-search

If change position eg first is home-search block after home block comes

Problematic is home

In other words the last in series... may is some id the same...twice? ?

watusiware

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

5 years ago

If you have duplicate IDs on different pages, that will create a problem if you try to use that ID as a selector. You will select the FIRST of the duplicate IDs. If you are on the second page, then you will update the list on the FIRST page.

IDs must be unique in a document! For JQM projects, that means IDs must be unique across your entire project. (Since all "pages" are in the same document). You MIGHT get away with IDs until the user happens to navigate from one page to another that has a duplicate ID.

Try not to use IDs. The only IDs I use in JQM projects are for form inputs (to tie to label) - and those are unique IDs generated by the server when it made the page.

But I doubt that is the problem, since (apparently) the list is actually updated.

If that's not the problem, I am out of guesses. Make a jsFiddle or a Plunkr. "It's LAMP" is not an excuse. You can capture the HTML in your browser with "view source". We can't offer much help if we can't see what you did. Posting pictures and bits of code generally doesn't help.

polis123

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

5 years ago

The PHP/MySQL DATA FETCH WORKS Only in Ripple emulator ... so in ripple got this

WHEN PROBLEMATIC GETTING>>> // WHEN NOT PROBLEM <li> include attribute <li class="ui-screen-hidden"> SEE FURTHER TO THE END ... WELL????????

<h2 id="home2H">All Records</h2>

<!-- <h3>List 15 first Results/Records

</h3>

<a href="#" data-role="button" data-inline="true" id="limit" style="margin-bottom:20px;">Press to List All Records</a> -->

    <div class="ui-input-search ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear"><input id="autocomplete-input" data-type="search" placeholder="Search Polis town..."><a href="#" tabindex="-1" aria-hidden="true" class="ui-input-clear ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all ui-input-clear-hidden" title="Clear text">Clear text</a></div>

</form>

<ul class="recent ui-listview ui-listview-inset ui-corner-all ui-shadow" data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#autocomplete-input" data-inset="true"><li><a href="#display" data-trnote="1">Cyprus Tourism Organization - CTO</a></li>

<li><a href="#display" data-trnote="2">Fontana Tours</a></li>

<li><a href="#display" data-trnote="3">Nissos Travel</a></li>

<li><a href="#display" data-trnote="4">Travel the World</a></li>

<li><a href="#display" data-trnote="5">RusLan Travel</a></li>

<li><a href="#display" data-trnote="6">Century Twenty One Travel Agency</a></li>

...............

<li><a href="#display" data-trnote="291">MicroSoft Cyprus</a></li>

<li><a href="#display" data-trnote="292">HP Computer Cyprus</a></li>

<li><a href="#display" data-trnote="293">Dell Computer cyprus</a></li>

<li><a href="#display" data-trnote="294">Sterna Winery - Wine Museum</a></li>

<li><a href="#display" data-trnote="295">Vasilikon Winery</a></li></ul>

</div>

//$('#home').on('pageshow', function() {

/*if (localStorage.rec != null && localStorage.fromMaps == true) {

rec = localStorage.rec;

getTitles();

}*/

//});

</script>

</div>

NO PROBLEM HERE

<h2 id="home2H">All Records</h2>

<!-- <h3>List 15 first Results/Records

</h3>

<a href="#" data-role="button" data-inline="true" id="limit" style="margin-bottom:20px;">Press to List All Records</a> -->

</form>

<ul class="recent ui-listview ui-listview-inset ui-corner-all ui-shadow" data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#autocomplete-input" data-inset="true"><li class="ui-screen-hidden"><a href="#display" data-trnote="1" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Cyprus Tourism Organization - CTO</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="2" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Fontana Tours</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="3" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Nissos Travel</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="4" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Travel the World</a></li>

.............................

<li class="ui-screen-hidden"><a href="#display" data-trnote="290" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Apple Cyprus</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="291" class="ui-btn ui-btn-icon-right ui-icon-carat-r">MicroSoft Cyprus</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="292" class="ui-btn ui-btn-icon-right ui-icon-carat-r">HP Computer Cyprus</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="293" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Dell Computer cyprus</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="294" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Sterna Winery - Wine Museum</a></li>

<li class="ui-screen-hidden"><a href="#display" data-trnote="295" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Vasilikon Winery</a></li></ul>

</div>

//$('#home').on('pageshow', function() {

/*if (localStorage.rec != null && localStorage.fromMaps == true) {

rec = localStorage.rec;

getTitles();

}*/

//});

</script>

</div>

polis123

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

5 years ago

jquery-1.11.1.min.js:2 Uncaught Error: cannot call methods on listview prior to initialization; attempted to call method 'refresh'

how remove this error? where call listview.refresh(); ???

watusiware

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

5 years ago

Really, I've no idea what you're showing me here, so haven't since you are showing bits and pieces.

MAKE A SMALL DEMO USING jsFiddle or Plunkr!

Did you not look at the console for error message before now? You should ALWAYS do so, and use the desktop browser debug/inspection tools. You can remotely inspect both iOS and Android browser or even native apps that use a WebView on real devices or simulators. (Don't know about Ripple - I've never use it.)

STOP USING IDs! It is the #1 mistake that creates failed JQM projects. If you use IDs, they have to be unique. Your IDs don't look like they will likely be unique across your project.

From the error message, I guess you called listview.refresh() before the page was initialized. You need to understand the page lifecycle and the various callbacks.

You probably need to use a pageinit callback. Call your function that does Ajax from a pageinit callback. I do find it strange, though, that the page would not have been initialized by the time the server responds. It should probably work "by accident".

I still can't guess from where you call listview.refresh(), since you only showed us a function, but didn't show where you called the function from.

Since you haven't provided a demo, we can only take wild guesses, which will probably be wrong.

Top Reply

Response title

Attachments

jQuery Forum

go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

Replies(6)

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

Re: go to Search WITHOUT VIEW ANY OTHER PHP GENERATED LISTVIEW GETTING Problematic FIRST SHOT

Statistics

Tags

Actions

Related Posts