Defafe

I am sorry when I check back my previous tutorial on uploading files and images, there are some mistakes that should be fixed in its database, and there are some parts that I have not explained clearly. Now I will try to explain again some of which I consider important.

1. On these tutorials you can only upload image files that have extensions gif,  jpeg and png. if you upload a file extension other than the image file, the file will not be able to upload or error.
2. create a folder image and article to store files uploaded.

download this sourcecode , demo this application

form-upload-extjs

Below are some new themes that I took from the extjs forum, you can make the display more interesting applications with extjs these themes.

1. xtheme-indigo this theme created by  elyxr (elyxr is a username in extjs forum).

2. xp-theme-for-extjs this theme created by coolstar (account id in extjs forum).

3. TargetProcessSkin_ext_3 this theme created by firefalcon (account id in extjs forum).

below are example of the use of extjs themes above

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/TargetProcessSkin_ext_3/css/xtheme-tp.css" />

xthem-extjs

In this tutorial, I will give examples of the usage of bar chart by using extjs and php. Generally, bar chart consists of the x-axis and y-axis in this tutorial I will provide a case study about the number of sales in each month, the x-axis represents the name of the month, while the y-axis represents the total sales of each month.

we first create a database with the name of “chart” after that create a table with a “sale”, tables of contents consists of two columns of “month” and “sumOfsel”, for more details on the source code can be seen below.

CREATE TABLE IF NOT EXISTS `sale` (

 `month` int(11) NOT NULL,

 `sumOfsel` int(11) NOT NULL

) ENGINE=MyISAM  DEFAULT CHARSET=latin1;

after create tables, enter data into a table, like the example below:

INSERT INTO `penjualan` (`month`, `sumOfsel`) VALUES

(0, 1400),

(2, 2000),

(3, 4000),

(4, 8000),

(0, 30000),

(1, 5000),

(5, 14686);

Read the rest of this entry »

In this section i want to share about how to make chart using extjs and php, this chart very sampel, i use pie chart and json to make it.

case study: in this tutorial I want to display the graph the number of visitors in a particular month.

create database: exmaple “chart” after that create table like this:

CREATE TABLE IF NOT EXISTS `testchart` (
 `name` varchar(100) NOT NULL,
 `visit` varchar(100) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

Read the rest of this entry »

On occasion this time I just want to introduce additional features in extjs 3, before I continue my  project “ Part 1: simple application of extjs using layout browser “, just the information that my project is using extjs 2.

Ok, we start this review. in extjs 3 there are some features that help us to develop a website. some fiture of extjs 3 are as follow.

1.  Form (custome spinner widget example, vbox layout with form).

2. Toolbars and Menus (toolbar buttons group, toolbars overflow, status bar update ).

3. Template and Data Views (ListView).

4. Drag and drop (filed to grid drag and drop).

5. Misscellaneous (editor, bubble panel, button, spotlight, debuging console).

6. Tree (treeGrid, check tree).

7. Charts (chart, pie chart, stacked bar chat, reloaded chart ).

8. Tabs (group tabs, tabpanel scroller menu).

9. Grid (progress bar pager, sliding pager, grouping with dynamic summary, buffered grid view, editable grid with writable store, grouping grid view extension, looking grid view extension ).

links this tutorial