Posts Tagged "dataview"

ExtJS Thumb Viewer Using Dataview

February 11th, 2011 by aditia rahman / No Comments  


extjs thumb viewer dataview

In this post I want to create an example thumb viewer in ExtJS, if you have tried old software like gqview, you may familiar with this thumb viewer, well not really complicated actually, just love to use it when reading my favorite comic.

Extjs DataView With Pagination

January 11th, 2011 by aditia rahman / 2 Comments  


It’s quite a long time since I write post about ExtJS, just want to add ExtJS to my post collection, this time I want to show it that the dataview component can be applied with paging toolbar, maybe you want to create a gallery that have a lot of images, and basically I using my older source about Image Gallery in ExtJS, actually not much change in the code and I only post some part of code from this example, but of course you can download the full source code or view the online demo.

Simple Checkbox ListView Using DataView In ExtJS

September 20th, 2010 by aditia rahman / 7 Comments  


In this post I want to share how to create listview using dataview in ExtJS, although there is available listview example on the official site, somewhat maybe you to make the different listview, I get the idea when my friend Erwin Draft asking me how to do this, thanks for the idea.

Here the backend PHP code, I called get-data.php


$data = array();

for ($i = 1; $i <= 10; $i++) {
    $data[] = array(
        'id' => $i,
        'message' => 'Raw data number ' . $i

$o = array('data' => $data);

echo json_encode($o);


Extjs: Simple Image Gallery Using DataView and PHP

July 21st, 2010 by aditia rahman / 18 Comments  


Last week I tried some of the extjs dataview example, it really great, just my thought, why not creating simple image gallery with dataview? All that we need is provided in the example (the panel, fileinputfield, the xtemplate) and this is the page wire frame that I created using Pencil Firefox Plugins.

Ext JS Dataview Gallery Wire Frame