ExtJSで書き始めたとき、インターネット上にPHPコードの十分な例がなく、記事もありましたが、それらはすべて、PHPなしのExtJSコード(本の翻訳)があるという事実に要約されました。 したがって、私はこの記事を書くことにしました。
始めるために、ExtJSの初心者向けのヒントをいくつか紹介します。
最初: JavaScriptを知らないのですか? 時間をかけてJSに関する本を読んでください。
2番目: www.extjs.comにアクセスすると、PHPを使用したExtJSの良い例がたくさんあります。
3番目: ExtJSライブラリのドキュメントと例を使用します。
今、たとえば、実際に。 データベースに請求書ドキュメントを記録するための小さなプログラムを作成します。 請求書は、番号、日付、売り手のフィールド(データベースからのサンプル)、顧客フィールド(データベースからのサンプル)、商品の請求書テーブル、および既存の商品のテーブル(データベースから)で構成されます。 [保存]ボタンをクリックすると、請求書がデータベースに送信されます。
この例は、ExtJSとPHPの相互作用の基礎を理解するのに十分です。 それでは始めましょう。 フォームは次のようになります。

まず、次のディレクトリとファイル構造を作成します。

ext -ExtJSライブラリ
index.php-コメントなし:)
app.js-プログラム自体
また、さらにファイルがあります。
config.php-データベースへの接続
get_org.php-データベースから組織のリストをJSON形式で取得する
get_tovar.php-データベースから商品のリストをJSON形式で取得する
save.php-フォームをデータベースに保存します
コードindex.php:
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
< html > < head > < title > ExtJS PHP </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=windows-1251" /> < link rel ="stylesheet" type ="text/css" href ="lib/ext/resources/css/ext-all.css" /> < script type ="text/javascript" src ="lib/ext/adapter/ext/ext-base.js" ></ script > <script type= "text/javascript" src= "lib/ext/ext-all.js" ></script> <script type= "text/javascript" src= "app.js" ></script> <style type= "text/css" > .movie_form { padding: 10px; } .movie-item { font:normal 12px tahoma, arial, helvetica, sans-serif; line-height:150%; padding:5px 20px 5px 10px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .movie-item h2 { display:block; font:inherit; font-weight:bold; color:#336699; } .movie-item h2 span { float : right; font-weight:normal; color:#555; margin:0 0 5px 5px; width:100px; display:block; clear:none; } </style> <script type= "text/javascript" src= "ext-lang-ru.js" > </ script > </ head > < body > < div > < div class ="movie_form" id ="form" ></ div > </ div > </ body > </ html > * This source code was highlighted with Source Code Highlighter .
app.jsのコード:
*このソースコードは、 ソースコードハイライターで強調表示されました。
- Ext.BLANK_IMAGE_URL = 'lib / ext / resources / images / default / s.gif' ;
- Ext.QuickTips.init();
最初にプッシュします。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- // CombaBoxのテンプレート
- var _combo_tpl = 新しい Ext.XTemplate(
- '<tpl for = \ "。\"> <div class = \ "movie-item \">' 、
- '<h2> <span> ID:{id_org} </ span> {name} </ h2>' 、
- 'INN:{inn}' 、
- '</ div> </ tpl>'
- );
ドロップダウンリストを表示するためのテンプレート。

*このソースコードは、 ソースコードハイライターで強調表示されました。
- //組織のリストを保存します
- var _store_saller = new Ext.data.Store({
- リーダー: new Ext.data.JsonReader({root: 'rows' 、id: 'id_org' 、fields:[ 'id_org' 、 'name' 、 'inn' ]})、
- プロキシ: 新しい Ext.data.HttpProxy({url: 'get_org.php' })
- });
組織のリストのデータウェアハウスであるget_org.phpスクリプトを介してデータベースからデータを取得すると、スクリプトはJSONレスポンスを返します。 スクリプトの例を以下に示します。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- // ComboBoxフィールドセラー
- var _combo_saller = {
- xtype: 'combo' 、名前: 'prod' 、fieldLabel: 'Seller' 、store:_store_saller、anchor: '100%' 、emptyText: 'Select ...' 、
- valueField: 'id_org' 、displayField: 'name' 、モード: 'remote' 、triggerAction: 'all' 、
- tpl:_combo_tpl、itemSelector: 'div.movie-item' 、minChars:2
- }
- // ComboBox Field Buyer
- var _combo_bayer = {
- xtype: 'combo' 、名前: 'pok' 、fieldLabel: 'Buyer' 、store:_store_saller、anchor: '100%' 、emptyText: 'Select ...' 、
- valueField: 'id_org' 、displayField: 'name' 、モード: 'remote' 、triggerAction: 'all' 、
- tpl:_combo_tpl、itemSelector: 'div.movie-item' 、minChars:2
- }
売り手と買い手のリストのコンボボックス。 tpl:_combo_tpl-ここでは、事前に準備されたテンプレートを使用します。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- //現在のドキュメントの製品リスト用のストレージ
- var _store_tovar = new Ext.data.JsonStore({
- ルート: 'tovar' 、
- フィールド:[
- {名前: 'id' 、タイプ: 'float' }、
- {名前: '名前' }、
- {名前: 'col' 、タイプ: 'float' }、
- {名前: '価格' 、タイプ: 'フロート' }
- ]
- });
- //すべての製品のリスト用のストレージ
- var _store_tovar_all = new Ext.data.JsonStore({
- url: 'get_tovar.php' 、
- ルート: 'tovar' 、
- フィールド:[
- {名前: 'id' 、タイプ: 'float' }、
- {名前: '名前' }、
- {名前: 'col' 、タイプ: 'float' }、
- {名前: '価格' 、タイプ: 'フロート' }
- ]、
- autoLoad: true
- });
すべての製品のリストのストレージ(_store_tovar_all)は、スクリプトget_tovar.phpを介してデータベースからデータを受信し、スクリプトはJSONを返します。 グリッド内のデータを正しくソートするには、type: 'float'パラメーターがより必要です。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- //グリッド_grid_tovarのフィールド
- var _grid_columns = [
- {header: "ID" 、width:30、dataIndex: 'id' 、sortable: true 、hidden: true }、
- {id: 'title' 、ヘッダー: "Name" 、幅:180、dataIndex: 'name' 、ソート可能: true }、
- {header: "Quantity" 、幅:85、dataIndex: 'col' 、ソート可能: true }、
- {ヘッダー: "価格" 、幅:85、dataIndex: '価格' 、ソート可能: true 、align: '中央' }
- ]
- //グリッドのフィールド_grid_tovar_all
- var _grid_columns_all = [
- {header: "ID" 、width:30、dataIndex: 'id' 、sortable: true 、hidden: true }、
- {id: 'title' 、ヘッダー: "Name" 、幅:180、dataIndex: 'name' 、ソート可能: true }、
- {header: "Quantity" 、幅:85、dataIndex: 'col' 、ソート可能: true }、
- {ヘッダー: "価格" 、幅:85、dataIndex: '価格' 、ソート可能: true 、align: '中央' }
- ]
グリッドで使用されるフィールド。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- //現在のドキュメントの商品リストのグリッド
- var _grid_tovar = new Ext.grid.GridPanel({
- store:_store_tovar、 //ストレージ
- enableDragDrop: true 、
- ddGroup: '_grid_tovar_DDGroup' 、
- 列:_grid_columns、
- stripeRows: true 、
- autoExpandColumn: 'title' 、
- フレーム: true
- 高さ:200、
- loadMask: true 、
- columnLines: true 、
- clicksToEdit:1
- // border:false、
- tbar:{
- アイテム:[
- {
- テキスト: 'Clear' 、
- ハンドラー: 関数 (){
- _grid_tovar.getView()。refresh();
- _grid_tovar_all.getView()。refresh();
- _grid_tovar.store.removeAll();
- }
- }、{
- テキスト: 「位置を削除」 、
- ハンドラー: 関数 (){
- var s = _grid_tovar.getSelectionModel()。getSelections();
- for ( var i = 0、r; r = s [i]; i ++){
- _grid_tovar.store.remove(r);
- }
- }
- }
- ]
- }
- });
ドキュメントの商品リストのグリッド。グリッドをクリアし、選択した位置を削除するボタンがあります。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- //すべての製品のリストのグリッド
- var _grid_tovar_all = new Ext.grid.GridPanel({
- ストア:_store_tovar_all、
- enableDragDrop: true 、
- ddGroup: '_grid_tovar_all_DDGroup' 、
- 列:_grid_columns_all、
- stripeRows: true 、
- autoExpandColumn: 'title' 、
- フレーム: true
- 高さ:200、
- loadMask: true 、
- columnLines: true 、
- リスナー:{
- rowdblclick: function (_grid_tovar_all、row、e){
- var record_all = _grid_tovar_all.getStore()。getAt(row);
- var rec = record_all.copy();
- var _button = new Ext.Button({
- テキスト: '保存' 、
- ハンドラー: 関数 (){
- rec.data [ 'col' ] = _panel.getForm()。findField( 'fcol' ).getValue( true );
- rec.data [ 'price' ] = _panel.getForm()。findField( 'fprice' ).getValue( true );
- _grid_tovar.store.insert(0、rec);
- _grid_tovar.getView()。refresh();
- _win.close();
- }
- })
- var _panel = new Ext.FormPanel({
- ボーダー: false 、フレーム: true 、
- アイテム:[
- {xtype: 'textfield' 、名前: 'fcol' 、fieldLabel: 'Quantity' 、値: '1' }、 // selectOnFocus:true}、
- {xtype: 'textfield' 、名前: 'fprice' 、fieldLabel: 'Price' 、値:rec.get( 'price' )} //、selectOnFocus:true}
- ]
- })
- var _win = new Ext.Window({
- タイトル:rec.get( 'name' )、
- ボーダー: false 、サイズ変更可能: false 、幅:270、
- アイテム:[_panel]、
- ボタン:[_button]、
- キー:[{
- key:13、 //キーを入力
- ハンドラー: 関数 (){
- _button.focus();
- }
- }]、
- リスナー:{
- activate: function (){
- _panel.getForm()。findField( 'fcol' ).focus( true 、250);
- }
- }
- })。show();
- }
- }、
- キー:[
- {
- key:27、 // Escキー
- ハンドラー: 関数 (){
- アラート( 'Esc' );
- }
- }、{
- key:13、 //キーを入力
- ハンドラー: 関数 (){
- アラート( 'Enter' );
- }
- }
- ]
- });
すべての製品のリストのグリッド。 rowdblclickは、グリッド上のダブルクリックイベントです。 クリックすると、ウィンドウ(_win)が開き、商品の数量と価格が入力されます。 ウィンドウの「保存」または「ENTER」ボタンをクリックすると、すでに調整されたデータがドキュメント内の商品リストのグリッドに収まります。 キー-キーを使用してグリッドで作業する例としてここに与えられます。 key:13、//ハンドラーでEnterキーを押すと、グリッドをダブルクリックしたときと同じように、ENTERボタンのイベントを登録できます。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- Ext.onReady( function (){
フォームの生成を開始します。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- //ドキュメントのメインフォーム
- var _form_sf = new Ext.FormPanel({
- id: 'id_form_sf' 、
- url: 'save.php' 、
- renderTo: 'form' 、
- フレーム: true
- タイトル: '請求書' 、
- 幅:600、
- アイテム:[
- {
- レイアウト: 'column' 、
- アイテム:[
- {
- columnWidth:.6、
- レイアウト: 'form' 、
- アイテム:[{xtype: 'textfield' 、id: 'track-tip-num' 、name: 'title' 、fieldLabel: 'Number' 、anchor: '95% ' }]
- }、{
- columnWidth:.4、
- レイアウト: 'form' 、
- labelWidth:40、
- アイテム:[{xtype: 'datefield' 、id: 'track-tip-data' 、name: 'date' 、fieldLabel: 'Date' 、anchor: '100%' }]
- }
- ]
- }、
- _combo_saller、
- _combo_bayer、
- _grid_tovar、
- _grid_tovar_all
- ]、
- ボタン:[
- {
- テキスト: '保存' 、
- ハンドラー: 関数 (){
- var modifiedRecords = _grid_tovar.store.getRange();
- if (modifiedRecords.length> 0){
- var jsonData = "[" ;
- jsonData + = Ext.util.JSON.encode(modifiedRecords [0] .data);
- for ( var cnt = 1; cnt <modifiedRecords.length; cnt ++){
- var record = modifiedRecords [cnt];
- jsonData + = '、' + Ext.util.JSON.encode(record.data);
- }
- jsonData = jsonData.substring(0、jsonData.length)+ "]" ;
- };
- _form_sf.getForm()。submit({
- // waitMsg: 'データを転送しています...'、
- params :{
- prod_id:_form_sf.getForm()。findField( 'prod' ).getValue( true )、
- pok_id:_form_sf.getForm()。findField( 'pok' ).getValue( true )、
- データ:jsonData
- }、
- 成功: 関数 (f、a){
- Ext.Msg.alert( 'Finish' 、a.result.truemsg);
- }、
- 失敗: 関数 (f、a){
- Ext.Msg.alert( 'Error' 、a.result.errormsg);
- }
- })
- }
- }、{
- テキスト: 'Clear' 、
- ハンドラー: 関数 (){
- _form_sf.getForm()。reset();
- _grid_tovar.store.removeAll();
- }
- }
- ]
- });
ドキュメントのメインフォームは次のとおりです。 save.phpは、データを保存するためのスクリプトです。 _combo_saller、_combo_bayer、_grid_tovar、_grid_tovar_allは、以前に準備したデータです。 「保存」ボタンをクリックすると、ドキュメントの商品グリッドからJSON形式のjsonData変数が生成されます。これには、ドキュメントの商品グリッドが含まれています。 次に、パラメーター(params :)が準備され、 save.phpスクリプトに渡されますが、デフォルトではフォームに渡されません。 パラメーターprod_id、pok_idおよびdata。 実際には、コンボボックスからデフォルトで表示されるデータがフォーム、具体的には組織の名前(displayField: 'name')で転送され、ID値(valueField: 'id_org')が必要です。ここでは、それらを個別に取得して渡します(prod_id:_form_sf getForm()。findField( 'prod')。getValue(true)など)。 その後、 save.phpスクリプトが処理し、成功が成功したか(成功:)失敗したか(失敗:)に関する情報を提供する応答を取得します。スクリプトはフォームの特定のフィールドにエラーを返すこともできます。 save.phpの例を以下に示します。
*このソースコードは、 ソースコードハイライターで強調表示されました。
- // _grid_tovarの構成をドラッグアンドドロップします
- var firstGridDropTargetEl = _grid_tovar.getView()。scroller.dom;
- var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl、{
- ddGroup: '_grid_tovar_all_DDGroup' 、
- notifyDrop: 関数 (ddSource、e、データ){
- var records = ddSource.dragData.selections;
- _grid_tovar.store.insert(0、レコード);
- _grid_tovar.getView()。refresh();
- 真を 返す
- }
- });
- // _grid_tovar_allの構成をドラッグアンドドロップします
- var secondGridDropTargetEl = _grid_tovar_all.getView()。scroller.dom;
- var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl、{
- ddGroup: '_grid_tovar_DDGroup' 、
- notifyDrop: 関数 (ddSource、e、データ){
- var records = ddSource.dragData.selections;
- Ext.each(レコード、ddSource.grid.store.remove、ddSource.grid.store);
- _grid_tovar_all.getView()。refresh();
- 真を 返す
- }
- });
- })
そして最後に、グリッドのドラッグアンドドロップの動作の構成。
次に、PHPコードなどについて説明します。
Config.phpコード: (DBセットアップ)
*このソースコードは、 ソースコードハイライターで強調表示されました。
- <?php
- $ db_server = "localhost" ; // DBホスト
- $ db_user = "root" ; // DBログイン
- $ db_password = "" ; // DBパスワード
- $ db_dbname = "online" ; // DB名
- $ connect = @mysql_connect($ db_server、$ db_user、$ db_password) //接続を作成します(識別子$ connect)
- またはdie( "MySQLに接続できませんでした:<br>" 。mysql_error()。 "<br>" 。mysql_errno());
- $ db = @mysql_select_db($ db_dbname、$ connect) //データベースを選択
- またはdie( "データベースを選択できませんでした:<br>" 。mysql_error()。 "<br>" 。mysql_errno());
コードget_org.php:(組織のリストを取得)
*このソースコードは、 ソースコードハイライターで強調表示されました。
- <?php
- require( 'config.php' );
- $ cmd = iconv( 'UTF-8' 、 'WINDOWS-1251' 、$ _POST [ 'query' ]); //コンボボックスからのリクエスト
- $ query = 'SELECT id_org、name、inn FROM `organizatsii` WHERE` name` LIKE \'% ' 。$ cmd。 '%\' ORDER BY名 ' ;
- $ query2 = 'SELECT id_org、name、inn FROM `organizatsii` WHERE` inn` LIKE \'% ' 。$ cmd。 '%\' ORDER BY名 ' ;
- $ result = @mysql_query($ query、$ connect)or die( "クエリを実行できませんでした:<br>" 。mysql_error()。 "<br>" 。mysql_errno());
- if (mysql_num_rows($ result)== 0){
- $ result = @mysql_query($ query2、$ connect)またはdie( "クエリを実行できませんでした:<br>" 。mysql_error()。 "<br>" 。mysql_errno());
- }
- while ($ row = mysql_fetch_array($ result)):
- $ row [ "name" ] = iconv( 'WINDOWS-1251' 、 'UTF-8' 、$ row [ "name" ]);
- $ arr [] = $行;
- 終わり;
- $ u2koi =配列
- (
- '\ u0430' => 'a' 、 '\ u0410' => 'A' 、
- '\ u0431' => 'b' 、 '\ u0411' => 'B' 、
- '\ u0432' => 'in' 、 '\ u0412' => 'in' 、
- '\ u0433' => 'g' 、 '\ u0413' => 'G' 、
- '\ u0434' => 'd' 、 '\ u0414' => 'D' 、
- '\ u0435' => 'e' 、 '\ u0415' => 'E' 、
- '\ u0451' => '' 、 '\ u0401' => ' ' 、
- '\ u0436' => 'f' 、 '\ u0416' => 'f ' 、
- '\ u0437' => 'h' 、 '\ u0417' => ' h ' 、
- '\ u0438' => 'and' 、 '\ u0418' => 'And' 、
- '\ u0439' => 'th' 、 '\ u0419' => 'th' 、
- '\ u043a' => 'k' 、 '\ u041a' => 'K' 、
- '\ u043b' => 'l' 、 '\ u041b' => 'l ' 、
- '\ u043c' => 'm' 、 '\ u041c' => 'M' 、
- '\ u043d' => 'n' 、 '\ u041d' => 'H' 、
- '\ u043e' => 'o' 、 '\ u041e' => 'O' 、
- '\ u043f' => 'n' 、 '\ u041f' => 'P' 、
- '\ u0440' => 'p' 、 '\ u0420' => 'P' 、
- '\ u0441' => 'c' 、 '\ u0421' => 'C' 、
- '\ u0442' => 't' 、 '\ u0422' => 'T' 、
- '\ u0443' => 'y' 、 '\ u0423' => 'y' 、
- '\ u0444' => 'f' 、 '\ u0424' => 'f ' 、
- '\ u0445' => 'x' 、 '\ u0425' => 'X' 、
- '\ u0446' => 'ts' 、 '\ u0426' => 'ts ' 、
- '\ u0447' => 'h' 、 '\ u0427' => 'h ' 、
- '\ u0448' => 'w' 、 '\ u0428' => 'w' 、
- '\ u0449' => '' 、 '\ u0429' => '' 、
- '\ u044a' => 'b' 、 '\ u042a' => 'b' 、
- '\ u044b' => 's' 、 '\ u042b' => 's' 、
- '\ u044c' => 'b' 、 '\ u042c' => 'b' 、
- '\ u044d' => 'e' 、 '\ u042d' => 'E' 、
- '\ u044e' => 'u' 、 '\ u042e' => ' u ' 、
- '\ u044f' => 'I' 、 '\ u042f' => 'I' 、
- '\ r' => '' 、
- '\ n' => '<br />' 、
- '\ t' => ''
- );
- echo '{rows:' .strtr(json_encode($ arr)、$ u2koi)。 '}' ;
- ?>
$ _POST ['query']-コンボボックスに何かを書き込むときに送信されるリクエスト(フィルター)。 コンボボックスに(minChars:2)があります。つまり、コンボボックスに3文字以上を書き込むと、リポジトリが更新され(リポジトリスクリプトが再度実行され、get_org.phpが実行されます)、クエリがスクリプトに送信されます。 したがって、データベースから組織のリストをフィルタリングできます。
$ u2koi = array ...-データベースからロシア語のテキストを正しく取得するために使用されます。
コードget_tovar.php:(製品のリストを取得)
*このソースコードは、 ソースコードハイライターで強調表示されました。
- <?php
- require( 'config.php' );
- $ query = 'SELECT id、name、col、price FROM `tovar` ORDER BY name' ;
- $ result = @mysql_query($ query、$ connect)or die( "クエリを実行できませんでした:<br>" 。mysql_error()。 "<br>" 。mysql_errno());
- while ($ row = mysql_fetch_array($ result)):
- $ row [ "name" ] = iconv( 'WINDOWS-1251' 、 'UTF-8' 、$ row [ "name" ]);
- $ arr [] = $行;
- 終わり;
- $ u2koi =配列
- (
- '\ u0430' => 'a' 、 '\ u0410' => 'A' 、
- '\ u0431' => 'b' 、 '\ u0411' => 'B' 、
- '\ u0432' => 'in' 、 '\ u0412' => 'in' 、
- '\ u0433' => 'g' 、 '\ u0413' => 'G' 、
- '\ u0434' => 'd' 、 '\ u0414' => 'D' 、
- '\ u0435' => 'e' 、 '\ u0415' => 'E' 、
- '\ u0451' => '' 、 '\ u0401' => ' ' 、
- '\ u0436' => 'f' 、 '\ u0416' => 'f ' 、
- '\ u0437' => 'h' 、 '\ u0417' => ' h ' 、
- '\ u0438' => 'and' 、 '\ u0418' => 'And' 、
- '\ u0439' => 'th' 、 '\ u0419' => 'th' 、
- '\ u043a' => 'k' 、 '\ u041a' => 'K' 、
- '\ u043b' => 'l' 、 '\ u041b' => 'l ' 、
- '\ u043c' => 'm' 、 '\ u041c' => 'M' 、
- '\ u043d' => 'n' 、 '\ u041d' => 'H' 、
- '\ u043e' => 'o' 、 '\ u041e' => 'O' 、
- '\ u043f' => 'n' 、 '\ u041f' => 'P' 、
- '\ u0440' => 'p' 、 '\ u0420' => 'P' 、
- '\ u0441' => 'c' 、 '\ u0421' => 'C' 、
- '\ u0442' => 't' 、 '\ u0422' => 'T' 、
- '\ u0443' => 'y' 、 '\ u0423' => 'y' 、
- '\ u0444' => 'f' 、 '\ u0424' => 'f ' 、
- '\ u0445' => 'x' 、 '\ u0425' => 'X' 、
- '\ u0446' => 'ts' 、 '\ u0426' => 'ts ' 、
- '\ u0447' => 'h' 、 '\ u0427' => 'h ' 、
- '\ u0448' => 'w' 、 '\ u0428' => 'w' 、
- '\ u0449' => '' 、 '\ u0429' => '' 、
- '\ u044a' => 'b' 、 '\ u042a' => 'b' 、
- '\ u044b' => 's' 、 '\ u042b' => 's' 、
- '\ u044c' => 'b' 、 '\ u042c' => 'b' 、
- '\ u044d' => 'e' 、 '\ u042d' => 'E' 、
- '\ u044e' => 'u' 、 '\ u042e' => ' u ' 、
- '\ u044f' => 'I' 、 '\ u042f' => 'I' 、
- '\ r' => '' 、
- '\ n' => '<br />' 、
- '\ t' => ''
- );
- echo '{tovar:' .strtr(json_encode($ arr)、$ u2koi)。 '}' ;
- ?>
コードsave.php:(および保存)
<?PHP
$title = iconv('UTF-8', 'WINDOWS-1251', $_POST['title']);
$date = iconv('UTF-8', 'WINDOWS-1251', $_POST['date']);
$prod_id = iconv('UTF-8', 'WINDOWS-1251', $_POST['prod_id']);
$prod = iconv('UTF-8', 'WINDOWS-1251', $_POST['prod']);
$pok_id = iconv('UTF-8', 'WINDOWS-1251', $_POST['pok_id']);
$pok = iconv('UTF-8', 'WINDOWS-1251', $_POST['pok']);
$data = iconv('UTF-8', 'WINDOWS-1251', $_POST['data']);
if (($title == '') or ($date == '') or ($data == '')) $success = "false"; else $success = "true";
if ($title == '') {$err_title = "title: \" '' \","; $err_title_msg = " <br>";}
if ($date == '') {$err_date = "date: \" '' \","; $err_date_msg = " <br>";}
if ($data == '') {$err_data_msg = " ";}
print "{success: " .$success. ",errors: {".$err_title."".$err_date."null: \"null\"}, truemsg: \" : " .$title. ", : " .$date. " <br> : " .$prod. "<br> : " .$prod_id. "<br> : " .$pok. "<br> : " .$pok_id. "<br> : ".$data."\",errormsg:\"".$err_title_msg."".$err_date_msg."".$err_data_msg."\"}";
?>
データベースを作成するためのソースコードはアップロードしませんが、スクリプトから、使用されているテーブルとフィールドを確認できます。 必要に応じて、フィールドを追加または変更できます。 そして、save.phpスクリプトを必要に応じて書き換えます。 この記事は初心者向けの一種のテンプレートです。
さて、これですべてです。 ご清聴ありがとうございました :) ExtJSでの執筆をお楽しみください。