ExtJs学习笔记EXT

通过这篇文章，我们可以了解到以下内容：1。创建一个简单的面板Ext。第二小组。制作一个可拖动的面板Ext。第三小组。使用选项卡面板3。使用Ext。构建一个简单的布局(用一个小例子总结本文的所有内容)。面板是ExtJs控件的基础，很多控件都是在面板的基础上进行扩展的，也可能和其他控件有关系。面板由工具栏、底部工具栏、面板头、面板尾和面板主区域组成。该类还提供面板扩展和关闭等功能。并提供了一些可重用的工具按钮，给我们灵活的控制面板。面板可以放在任何其他容器中，面板本身就是一个容器，因此面板也可以包含其他组件。面板的类名是Ext。面板，它的x类型是Panel。请参见以下示例来显示面板的各个组件：//普通面板功能面板(){ var panel=new ext . panel({ render to : ' panel '，title : ' head '，width:400，height:200，html:'h1面板的主显示区域可以包含任何html代码/h1 '，tbar 3360[{ text : ' top toolbar button ' }]，bbar 3360[{ text 360);} } ] });}以上代码就不详细介绍了，但特别说明的是renderto :‘panel’，负责将panel绑定到一个div图层，panel就是div的ID。Div id='panel'/div代码执行将显示以下效果：。

效果不错！面板中可以有多个工具栏，可以位于面板的顶部或底部，Ext工具栏由Ext表示。工具栏类。工具栏可以存储按钮、文本等。此外，面板中还提供了一些实用的工具栏，可以通过工具配置属性将工具栏选项添加到面板标题中。请参见以下案例：function panel(){ var panel=new ext . panel({ tools 3360[{ id 3360 ' save ' }，{id3360' help'}，{id:' up'}，{id:' close '，handler:function () {ext。messagebox.alert('工具栏按钮'，'工具栏关闭按钮事件')}]，renderto3360' panel '，title3360' panel head '，Width :400，height :200，html: ' the面板的主显示区域可以包含任何html代码/h1 '，tbar3360 [{text: '顶部工具栏按钮' }]，bbar3360 [{text3360 '底部工具栏' }]，Buttons:);} } ] });} 123阅读下一页的全文。