それ以上のADOなしで、コードを投稿してください
HTMLコード：
< href = "../ extjs3/resources/css/ext-all.css" rel = "external nofollow"/> <script type = "text/javascript" src = "../ extjs3/adapter/ext/ext-base.js"> </script> <script = "text/javas3/extjs3/</<js3 type = "text/javascript" src = "array-grid.js"> </script> <style type = "text/css">。<span style = "font-family：arial、helvetica、sans-serif;背景：灰色;} </span> </style> </head> <body> <div id = "grid-example"> </div> </body> </html>
分離されたコードがキーコードであるJSコードは、自分で分析します。
Ext.Onready（function（）{ext.quicktips.init（）; ext.state.manager.setprovider（new ext.state.cookieprovider（））; //ストアの静的データのサンプルvar mydata = 0.28、0.34、 '9/1 12:00 am']、['Altria Group Inc'、83.81、0.28、0.34、 '9/1 12:00 am']、['Altria Group Inc'、83.81、0.28、0.34、 '9/1 12:00 am']、 12:00 AM ']; **列レンダリングに使用されるカスタム関数{val> 0）{return "列レンダリングに使用される@param {object} val */function pctchange（val> 0）{return '<span style = "color;">' + '％</span>' ext.data.arraystore（{fields：[{name： 'company'}、{name： 'frice'、type： 'float'}、{name： 'change'、type： 'float'}、{name： 'pctchange'、type： 'float'}、{name： 'lastChange'、 '' '、' '、' '、' '、' '、' '、' '、' '、' ''、 '' '} //ローカルデータstore.loaddata（mydata）を手動でロードします。 //グリッドvar grid = new ext.grid.gridpanel（{store：store、columns：[{id： 'company'、header： 'company'、width：160、sortable：true、dataindex： 'company'}、{ヘッダー： '価格'、幅：幅：75、sortable： 'usmoney：' usmoney： 'usmoney：' usmoney： 'change'、width：75、sortable：true、renderer：change、dataindex： 'change'}、{header： '％change'、width：75、sortable：true、renderer：pctchange、dataindex： 'pctchange'}、{header： 'last updated'、width：sutable：true、sutable：sutable： ext.util.format.daterenderer（ 'm/d/y'）、dataindex： 'lastchange'}]、viewconfig：{forcefit：true // -------------------------------、、getRowclass：function（Record、RowIndex、Rowparams、Store）{（ "3m Co" = = Record. 'my_row_class'; //ページgrid.render（ 'grid-example'）の指定されたdivにグリッドをレンダリングします。 }）;