Ext問題まとめ
Extに接触したばかりで、問題は少なくありません.幸いにも解決しました.以下に記入して、後で追加します.
1、ExtのAPIが開かない.
Extソースファイルを配備し、tomcatを起動し、対応するurlを入力します.初心者が最も遭遇しやすい問題です.
2、Gridの並べ替えコンポーネントの表示が正常ではなく、アイコンが重なる:
新しいcssファイルを作成し、3つの文を書きます.
次にページを導入します.
3、Storeオブジェクト内のurl構成属性は、jsコードを呼び出すページに対してgridではなく、そのコード自体に対してである.jsには次のコードが含まれています.
4、ExtのソースコードはWebRoot以下、つまりtomcatが認識できるディレクトリの下に置かなければならない.
5、grid内容をクリックし、スクロールバーが横方向にジャンプし、列が増えると.
Ext.gridを書き換えるGridViewオブジェクト.具体的なjsコードは以下を参照してください.
http://www.iteye.com/topic/274759
6、urlにextコンポーネントを含む別のページを導入し、コンポーネントのネストを実現したが、効果はなかった.
scripts:trueは必ず書きます.
basicInfo.htmlではextのjsファイルとcssファイルを導入できません.
7、6の方法でコンポーネントをネストすると予測しにくいエラーが発生する可能性がある.他のJSフレームワークのコンポーネントをネストする場合があります.
dhtmlxでは、インタフェースの異常はさらに理解できません.別の方法を考えることができます.
1、ExtのAPIが開かない.
Extソースファイルを配備し、tomcatを起動し、対応するurlを入力します.初心者が最も遭遇しやすい問題です.
2、Gridの並べ替えコンポーネントの表示が正常ではなく、アイコンが重なる:
新しいcssファイルを作成し、3つの文を書きます.
.ext-ie .x-menu-item-icon {left: -24px; top: 0px;}
.ext-strict .x-menu-item-icon {left: 3px; top: 3px;}
.ext-ie7 .x-menu-item-icon {left: -24px; top: 0px;}
次にページを導入します.
3、Storeオブジェクト内のurl構成属性は、jsコードを呼び出すページに対してgridではなく、そのコード自体に対してである.jsには次のコードが含まれています.
var store=new Ext.data.Store({
url:'xml/grid.xml',// grid.xml grid.js , grid.xml
reader:new Ext.data.XmlReader({
record:"row"},
["name","url","age"]
)
});
4、ExtのソースコードはWebRoot以下、つまりtomcatが認識できるディレクトリの下に置かなければならない.
5、grid内容をクリックし、スクロールバーが横方向にジャンプし、列が増えると.
Ext.gridを書き換えるGridViewオブジェクト.具体的なjsコードは以下を参照してください.
http://www.iteye.com/topic/274759
6、urlにextコンポーネントを含む別のページを導入し、コンポーネントのネストを実現したが、効果はなかった.
autoLoad:{url:'basicInfo.html',scripts:true}
scripts:trueは必ず書きます.
basicInfo.htmlではextのjsファイルとcssファイルを導入できません.
7、6の方法でコンポーネントをネストすると予測しにくいエラーが発生する可能性がある.他のJSフレームワークのコンポーネントをネストする場合があります.
dhtmlxでは、インタフェースの異常はさらに理解できません.別の方法を考えることができます.
autoLoad:{url:'basicInfo.html',scripts:true}
html:"<iframe id='yourId' src='basicInfo.html'></iframe>"
,'basicInfo.html' js、css
, Ext