Tutorial Extjs Add Edit and Delete File

This tutorial just only completed my previous tutorial, in my previous tutorial i have created about edit file using extjs and delete multiple file in row grid extjs using checkbox selection.
In this tutorial you can get a lesson as follow:
1. how to make add file using form window extjs and display it in grid extjs.
2. how to make checkbox selection to edit file in grid extjs.

3. how to use checkbox selection to delete multiple file in row grid extjs.
4. how to use json.
5. how to use tbar in grid extjs.
6. how to make bbar to create paging.
7. how to use icon botton in tbar.

here a screen shot

add-edit-delete-file-extjs


download source code

http://www.ziddu.com/download/9616172/addeditdelete.zip.html

Recent Search Term
edit delete icon grid extjs|Extjs Editable Grid|tbar extjs|extjs grid database|extjs datagrid add edit delete row|editable grid tutorial extjs|extjs edit grid|extjs php|add edit delete php|extjs update row database|
Popular Search Term gantz 322|plkn semakan calon 2011|morakiacom|read gantz 322|Gantz 322|

17 Responses to “Tutorial Extjs Add Edit and Delete File”

  1. kang bisa dibuatkan input dan edit dengan popup seperti ini tapi yang ada isian form berupa option (combobox), dan option tersebut ambil dari basisdata…ditunggu ya…terimakasih…

  2. I tried this out and it doesn’t work.. Correctly.

    If you download what you did and try it, you will notice it doesn’t display any data.. =/

    You can send data to the database but ti doesn’t show up on the grid panel thing. Can you help?

  3. please check your connection to database.

  4. i have the same problem with Rich it store the data in the database but it doesn’t show it
    i ve checked the connection to the database it work
    any help? please

  5. i have chacked my tutorial, i have downloaded my tutorial from this site hxxp://downloads.ziddu.com/downloadfile/9616172/addeditdelete.zip.html. and it work correctly.

  6. i ve checked the php file and it contain some errors

    Notice: Undefined index: act in C:wampwwwaddeditdeletesimplegrid.php on line 6

    Notice: Undefined index: act in C:wampwwwaddeditdeletesimplegrid.php on line 18

    Notice: Undefined index: act in C:wampwwwaddeditdeletesimplegrid.php on line 24

    Notice: Undefined index: start in C:wampwwwaddeditdeletesimplegrid.php on line 40

    Notice: Undefined index: limit in C:wampwwwaddeditdeletesimplegrid.php on line 41

    Notice: Undefined variable: arr in C:wampwwwaddeditdeletesimplegrid.php on line 52
    ({“total”:”12″,”results”:null})

  7. Would it be much trouble for you to create a video on how you installed this. Because, I redid this about 9 times now on my computer with a Wamp server, and on my actual server and I can’t figure out what is going on.

  8. Or maybe you can explain what your setup is like, like what version of PHP you are running? etc?

  9. Oddly enough downloading the version in your comments seems to work better LOL.

    Wierd!!!!!!!

  10. I think the file is not complete. please upload it again.

    Best Regards,

    ExtJsTutorial.com

  11. I’ve download last night, and IT WORKS!!
    I used Appserv as web server. You need to check

    1. on index.html file, please check path of index.html file to extjs.
    Things to edit :

    2. on simple grid.php please check the connection to database including the database name
    $connect = mysql_connect(‘localhost’,'root’,”);
    $db = mysql_select_db(‘defafe’,$connect);
    change ‘defafe’ database with yourown database

    It works flawless for me. Hope it helps

  12. one more thing….how to activate sort button (a -> z, z->a) ?
    Thak you

  13. i have an error

    Fatal error: Call to undefined function: json_encode() in C:xampphtdocsbelajarextjsaddeditdeletesimplegrid.php on line 52

    can add, but not show…

  14. if data don’t show, u can add this function

    function json_encode($arr){
    if (version_compare(PHP_VERSION,”5.2″,”<"))
    {
    require_once("JSON.php"); //if phpencode($arr); //encode the data in json format
    } else
    {
    $data = json_encode($arr); //encode the data in json format
    }
    return $data;
    }

  15. [...] ที่มา http://defafe.com/tutorial-extjs-edit-delete-and-add-file Comments [0]Digg it!Facebook [...]

  16. Wow thanks for the tutorial.

  17. Mas, aku dah sukses bikin grid kayak di atas, kmd aku coba menambahkan search bar menggunakan Ext.ux.form.SearchField n dah tampil. Gmn caranya searchbar tsb nyari data dari grid dan menampilkan di grid itu pula. Thx.

Leave a Reply