HTML应用程序的网格

Question

我正试图用PhoneGap，HTML5为安卓开发一个应用程序。我需要使用一个UI，它应该有一个网格、两个文本框和一个按钮。

我的场景是textbox1是一个http://github.com/commadelimited/autoComplete.js/blob/master/readme.md，其中填充了一些产品名称，用户可以选择一个产品，然后在下一个文本框中，textbox2用户应该给出数量(选定的产品数量)，在这个用户单击按钮(称为ADD)之后，这些项目需要附加到网格中，网格应该有4列(1.Sl.No,2.Product Name,3.Quanity,4.Delete/Edit)。

我已经搜索了很多，大多数可用的例子都是直接从服务器中填充数据，我找不到一个适合我的需求。

非常感谢你的帮助/建议

Answer 1

数据源textbox1是远程的还是嵌入在脚本中的？无论哪种方式，jQuery UI自动完成都将是您的需求的完美匹配。

对于数据表(a.k.a "grid")，它似乎没有太多的特性，所以您可以简单地在HTML中使用<table>标记，并使用jQuery来处理其中的数据。如果您需要更多漂亮的特性，那么第三方datatable库(例如https://www.datatables.net/)就更好了。