当前位置: 代码迷 >> Web前端 >> 简略的EXT面板工具栏
  详细解决方案

简略的EXT面板工具栏

热度:291   发布时间:2012-11-05 09:35:12.0
简单的EXT面板工具栏


??? ?<script>
??Ext.onReady(function() {
???new Ext.Panel({
?????renderTo:"hello",
?????title:"面板头部header",
?????width:300,
?????height:200,
?????html:'<h1>面板区域</h1>',
?????tools:[{id:"save"},
?????{id:"help",handler:function(){
??????Ext.Msg.alert('help','please help me');}
?????},
?????{id:"close"}
?????],
?????tbar:[new Ext.Toolbar.TextItem('工具栏'),
??????{xtype:"tbfill"},
??????{pressed:true,text:"添加"},
??????{xtype:"tbseparator"},
??????{pressed:true,text:'保存'}
?????],
?????bbar:[{text:'底部'}],
?????buttons:[{text:"按钮"}]
????});
??}
??);
?</script>
?
?<div id="hello">aaa</div>

  相关解决方案