Reputation: 87
I'm trying to make an app for android using PhoneGap,HTML5. I need to use an UI that should have one grid two text boxes and one button
My scenario is textbox1 is an autocomplete which is filled with some product names user can select a product then in the next textbox ie textbox2 user should give the quantity(selected products quantity) after this user should click on the button (called ADD) then these items need to appends to the grid the grid should have 4 columns (1.Sl.No,2.Product Name,3.Quanity,4.Delete/Edit
)
I've searched a lot most of the available examples are directly filling data from the server.I couldn't find one suits my needs.
Helps/Suggestions are much appreciated
Upvotes: 1
Views: 71
Reputation: 1369
Is the datasource textbox1
remote or embedded in your script? Either way, jQuery UI Autocomplete would be a perfect match to your need.
For your data table (a.k.a "grid"), it doesn't seem to have much feature so you can simply use a <table>
tag in HTML and use jQuery to play with the data inside it. If you need more fancy features a 3rd-party datatable library (e.g. https://www.datatables.net/) would be good.
Upvotes: 1