extjs实例 ---学习小记

准备工作，下载extjs包，将里面的ext-base.js,ext-all.css,ext-all.js弄到到项目中来，

<link rel="stylesheet" type="text/css" href="jquery/extjs/ext-all.css"/>

    <script type="text/javascript" src="jquery/extjs/ext-base.js"></script>
        <script type="text/javascript" src="jquery/extjs/ext-all.js"></script>

注意这个顺序，ext-base.js一定要在最上面。

完成后开始第一个extjs小例子，先来个自定义的对话框

extjsAnimal=function()
{
   var config={
     title:"自定义对话狂",
     msg:"这是个自定义的对话框",
     width:400,
     multiline:true,
     closable:false,
     buttons:Ext.MessageBox.YESNOCANCEL,
     icon:Ext.MessageBox.QUESTION,
     animEl:"fly"
   };
   Ext.MessageBox.show(config);
}

html代码为

 <input type="button" value="Animal" id="fly" οnclick="extjsAnimal()">

ok！第一个extjs例子完成，快试试吧！