Defafe

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);

(more…)

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;

(more…)

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

defafe_proyek

In this section i want to share my little project about extjs. This is very simple, but hopefully useful for those of you just learning to extjs. In this project I use the browser layout to the main display.

In this project you can add employees, edit employees, delet employees. for access rights, the application is already using extjs session. In addition you can also change your password. Extjs application also has support multiple delete row in grid.

The final of this project is laundry software. You can download the application at the link below.

download application extjs | demo

revision:
ini file logout.php change admink5.php with index.php

This is my first time to continue the tutorial about extjs. I apologize if all this time I did not answer your question, and your request on the application I’ve made.

I miss to write again on this blog, and I hope has a spirit to continue to write on this blog, though not about extjs tutorial.

if there are willing to be a writer on this blog, please calling me via email: itfreelancer86@yahoo.com.

thanks for all ….