Can I add ajax calls to add and delete buttons? If yes, can you please provide an example?

Also, Will this plugin work in mobile only since it uses jquery mobile?

I'm using Cordova, and trying to append to the list programmatically, using:
$('#list').append("<li>item</li>");

Unfortunately, behavior seems to be dependent on the timing of the call. If I try to append after the entire page is loaded, the list fails to register it as an item. In particular, if I append during a the "deviceready" event, it adds to the list fine, however, if I call it during a "pagebeforeshow", it adds the item to the list container visually - but not the list itself.

I've attached screenshots to demonstrate what I mean. Notice, that after clicking edit, the items not belonging to the list disappear.
Before clicking edit:

After clicking edit:

The error is replicable.

On a side note:
The style issue in the screenshots, where the plus is not inline with the textbox seems to only occur in the iOS simulator, and not on the device - so I do not believe it is an issue.

Is there any inherent reason why one of the form inputs in a complex list cannot be a select list (i.e., a dropdown menu)? Regular text inputs seem to work fine, but I haven't been able to get a select list to work yet. There is no error; when I click the Add button, nothing happens.

 <ul data-role="listview" data-editable="true" data-editable-type="complex" data-editable-form="editing-form" data-title="Partners" data-empty-title="No Partners">

Here is the html for the form:

<form id="editing-form" data-editable-form="true">

<input type="text" data-item-name="partnerNames" data-item-template="<h3 id='partnerNames'>Names: %%</h3>"></div>

<select data-item-name="partnerType" data-item-template="<p id='partnerType'>Type: %%<p>" name="partner-type"><option value="1">Alumni</option>
<option value="2">Businesses</option>
<option value="3">Community Groups</option>
<option value="4">Educators/Schools</option><option value="6">Government</option>
<option value="5">Health Care</option><option value="7">Media</option>
</select>
 <button class="ui-btn ui-corner-all" data-add-button="true">Add</button>
 <button class="ui-btn ui-corner-all" data-clear-button="true">Clear</button>
 </form>

And the list item html (done as a foreach loop):

 <li class="names">
 <h3 id="partnerNames">Names:$partner-names</h3>
 <p id="partnerType">Type: $partner-type</p>
 </li>

Hi,

Great widget! If I take the demo index.html and access from a real device (android/apple) there seems to be a problem. The list expansion and collapse works just fine unless you made an edit. Once you make an edit you can't collapse the list. It works just fine when trying from a laptop. Is it just me?

Thanks,

Douglas.

like this when click + button

Implement the destroy function

• Cache the unenhanced DOM structure when creating/initializing listview
• Keep track of list items that are added or removed
• Restore the unenhanced DOM along with the recent state of the list and its items (only if it was enhanced by the plugin)

I'm using the JQuery Mobile pages widget to display several form elements. one at a time. Each element uses a database query to display the current database value (if any) in the form upon load.

I have one element that utilizes Editable Listview. When the the database value is not empty, it displays just fine. But if the database value is empty, I get this error in the JS console:

Uncaught error: Cannot read property '0' of undefined

It points to line 161 in EditableListview:

// Re-enabling the click event handler when the list is in View mode
evt.click[0].handler = this._clickHandler;
evt.tap[0].handler = this._tapHandler;

Do you know what might be happening here, and how I might get around it?

Great plugin, by the way!

please delete this!

In edit mode when the user taps on the list item, the list item should be replaced with a text box with the list item value as shown in the mockup below.

I would like to have an event handler when an event is added, deleted and read the data entered/deleted to store in the database backend