{"id":490,"date":"2010-08-19T16:24:26","date_gmt":"2010-08-19T12:24:26","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=490"},"modified":"2023-05-09T11:23:27","modified_gmt":"2023-05-09T08:23:27","slug":"easy-way-to-build-online-store-with-dhtmlxdataview","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/easy-way-to-build-online-store-with-dhtmlxdataview\/","title":{"rendered":"How to Build An Online Store with dhtmlxDataView"},"content":{"rendered":"

One of the highlighted additions in the latest release of DHTMLX was dhtmlxDataView<\/a>, a new component that allows you to display a number of objects according to defined HTML templates and gives you the necessary features to manipulate these objects (e.g., filtering, searching, editing, etc.). <\/p>\n

In this tutorial, I will show you how easy it is to use dhtmlxDataView and to implement it in your own HTML pages. As an example, I will guide you on how to build an online store interface using dhtmlxDataView and some other DHTMLX widgets. Don’t worry \u2013 the story won’t be too long. It\u2019s mostly screenshots and code snippets :) <\/p>\n

\"Book<\/p>\n

dhtmlxDataview is sort of a universal JavaScript component, and can be used to fulfill a whole range of user interface tasks, ranging from a simple image gallery to more sophisticated layouts for online stores. It all depends on your design needs, on the scope of your imagination, and probably, on your HTML knowledge :)<\/p>\n

The online book store we\u2019re going to build will not involve complex layouts, but only the required basics: a list of books, the ability to filter books by category, a shopping cart with selected items, and – most important – an order button. So let\u2019s get started.<\/p>\n

<\/p>\n

Step 1 – Page Layout. What Should Be Displayed on Page?<\/h4>\n

First of all, we\u2019ll define the required functionality in our application and how the store will look. Let\u2019s summarize the features we need in our book store:<\/p>\n