ExtJs布局大全

2021-12-22 21:45:48

1.Fit 布局

　　在Fit 布局中，子元素将自动填满整个父容器。注意：在fit 布局下，对其子元素设置宽度是无效的。如果在fit 布局中放置了多个组件，则只会显示第一个子元素。在Fit 布局中，子元素将自动填满整个父容器。典型的案例就是当客户要求一个window 或panel 中放置一个GRID 组件，grid 组件的大小会随着父容器的大小改变而改变。

效果图：

示例代码：

Ext.create('Ext.container.Viewport', {

　　layout: 'fit',

　　items: [

　　　　{

　　　　　　title: 'Hello Ext',

　　　　　　html : 'Hello! Welcome to Ext JS.'

　　　　}

　]

});

2 Border 布局
　　border 布局：border 布局也称边界布局，他将页面分隔为west,east,south,north,center 这五个部分，我们需要在在其items 中指定使用region 参数为其子元素指定具体位置。注意：north 和south 部分只能设置高度（height），west 和east 部分只能设置宽度（width）。north south west east 区域变大，center 区域就变小了。

参数 split:true 可以调整除了center 四个区域的大小。

参数 collapsible:true 将激活折叠功能，

title 必须设置，因为折叠按钮是出现标题部分的。

center 区域是必须使用的，而且center 区域不允许折叠。Center 区域会自动填充其他区域的剩余空间。尤其在Extjs4.0 中，当指定布局为border 时，没有指定center 区域时，会出现报错信息。

效果图：

示例代码：

Ext.create('Ext.panel.Panel', {

　　width: 1024,

　　height: 720,

　　layout: 'border',

　　items: [{

　　　　region: 'south',

　　　　xtype: 'panel',

　　　　height: 20,

　　　　split: false,

　　　　html: '欢迎登录!',

　　　　margins: '0 5 5 5'

　　},{

　　　　title: 'West Region is collapsible',

　　　　region:'west',

　　　　xtype: 'panel',

　　　　margins: '5 0 0 5',

　　　　width: 200,

　　　　collapsible: true,

　　　　id: 'west-region-container',

　　　　layout: 'fit'

　　},{

　　　　title: 'Center Region',

　　　　region: 'center',

　　　　xtype: 'panel',

　　　　layout: 'fit',

　　　　margins: '5 5 0 0',

　　　　html:'在Extjs4中，center区域必须指定，否则会报错。'

　　}],

　　renderTo: Ext.getBody()

});

3 Accordion 布局

　　accordion 布局：accordion 布局也称手风琴布局，在accordion 布局下，在任何时间里，只有一个面板处于激活状态。其中每个面边都支持展开和折叠。注意：只有Ext.Panels和所有Ext.panel.Panel 子项，才可以使用accordion 布局。

效果图：
aaarticlea/png;base64,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" alt="" />

示例代码：

Ext.create('Ext.panel.Panel', {

　　title: 'Accordion Layout',

　　width: 300,

　　height: 300,

　　x:20,

　　y:20,

　　layout:'accordion',

　　defaults: {

　　　　bodyStyle: 'padding:15px'

　　},

　　layoutConfig: {

　　　　titleCollapse: false,

　　　　animate: true,

　　　　activeOnTop: true

　　},

　　items: [{

　　　　title: 'Panel 1',

　　　　html: 'Panel content!'

　　},{

　　　　title: 'Panel 2',

　　　　html: 'Panel content!'

　　},{

　　　　title: 'Panel 3',

　　　　html: 'Panel content!'

　　}],

　　renderTo: Ext.getBody()

});

4 Card 布局

Card 布局：这种布局用来管理多个子组件，并且在任何时刻只能显示一个子组件。这种布局最常用的情况是向导模式，也就是我们所说的分布提交。Card 布局可以使用layout:'card'来创建。注意：由于此布局本身不提供分步导航功能，所以需要用户自己开发该功能。由于只有一个面板处于显示状态，那么在初始时，我们可以使用setActiveItem 功能来指定某一个面板的显示。当要显示下一个面板或者上一个面板的时候，我们可以使用getNext()或getPrev()来得到下一个或上一个面板。然后使用setDisabled 方法来设置面板的显示。另外，如果面板中显示的是FORM布局，我们在点击下一个面板的时候，处理FORM中提交的元素，通过AJAX 将表单中的内容保存到数据库中或者SESSION 中。
下面的示例代码展示了一个基本的Card 布局，布局中并没有包含form元素，具体情况，还要根据实际情况进行处理：

效果图：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfsAAAFXCAIAAAAqN3AQAAAgAElEQVR4nO3deVzT9eMH8HeKmJlppZlJvzRLzbS+hqnMTFQ8ssADLTPP1KGWDu8jvBNQp/vghSgeiAgzQQ6ZioAIG/c9Lh0wcICcAwcKyvH+/TGY41YzLT6v5+P1z/Z5f96fz7Z6OT6f7TNCAQCAHcir3gEAAHhJ0PgAAGyBxgcAYAs0PgAAWzxp/IrH1Q638hEEQZA2lkeVNQ0bv/xxtZ1v7rnAfPeIIgRBEKQN5Fxgvp1vbrON759YUlZRhSAIgrSB+ElLWmr8q7HKrMJyBEEQpA1EFKNsqfG9IotSssoQBEGQNhDPyKKWGt8zsigpqwxBEARpA/FA4yMIgrAkaHwEQRC2pJXG94gsSlSUIQiCIG0g7hGtNX7C3TIEQRCkDQSNjyAIwpa03vjSu2X/lcRmqM5ev6OOJPmp9vxmfL5mlafMU878TAmQ1u7GuRuyFobFZZRqdkOcVPjKn3AEQf5baaXx3SOL4u+W/VcSnKLUMeSrc0KU8jSr7HKM0KzylDl+JfmF7/mfTlHqybtMsmlhWJisRLMbx7ySXvkTjiDIfyuXW2n8iMK4zNJ/Sa55hwgdr87ZffX3UzF7xaV+txsOECcXaQrRzjv5aebceS5Cx5A/4JdTI5df+ONUaHNZf1ysmdn2SlKDSSJSS+bsvvo0uRx8t8nd2H0+Uj356+MPNl7LyjlaPSz0TrFmN456Jr7yVwRBkP9WLocXttT4lyMKYzNU/5I4HXXmb+DrGPI/+f3KrMuqy9KGA8RJhVrvxJOeZs6d58J1DPmGvIvzLa+1MEyi9W+JrVdig6XBKUVN/jXQOMc8G66rzu4W/9SYbuGpHhZ6+8kfMUc8El75K4IgyH8rrTV+eGF0uqr55ESnJ/yxzulnk6M9jLUy3a7H7oSFLhktrvvMcTzqvE/d+L9dmemq6m/mVm+jxke7Gx/RFGK3KYcaLNXOSVGKes7tZ8N1DPmdjA6+OZFpYbz2zEc9ExvsWFSayi8u72kSdqekwbrBKcoexke7TrbRMeRbO0d7h2drNmTlHK1ea9uZsB7GR+dZXt9gJ9EsPeye8GKfXgRB2nzcwp6z8e9Hp+cHRt92vxowb+Gpb8cf6rPI6bMlTsPNnIabOQ1fIRx++PY6D8WL3dcGjf/tFp/azZk5DTdzeuf7w+oqfH/qscY3G+S8X5p6TnXjv/vD4Q+m2zYe1mQc/VJf4IPS/uvhiHuiJFnZuNN3OUbqGPJNt11ZdTgQjY8gyHPnuRu/JDo9zv6098yx/F5j7d783nF9sMou9p/d1waN7xpXb+mo31zUVWi67Urjm81F3fhjVl2ct+faK3kB0PgIgry0PGfjR8mK/Ly8tv/p+Kkhv89S0cBNocIE1bWU+sNScqJjE/fb3ly9++rsXU8yZ4/PWq9cW3FhdLoqOiEtNEK6dvfVZXuDZh9JPOcdLfKLmL07Youz7FK66pJXyIVzT1acuNj2m5+aaPyzPrLZu672nnG880Rmi32I+ojNMzX+h6bHP5t3RnsnW858K5/odJXDDdnTr9Ige5yiotNVW+xDZ233bq7xDXkXf/nzmp138qK9N9D4CIL8/Txn40feLvQ4cuq3Ncd0DPmfbov4xu5uE8MS0qODb81ZcuKLsfXOQ3aceGjokUxzz9zodFV0ZHSQn9/QsfyPjB105t/affzKhQuXdcZeHr0j/HC66nDdm/oGadD4286Ga47da7b+TI3/rHlrsk10umqHwzN/slPrZKxXdLrq25VC7TsbNL76BMNaW/F3Gy6j8REE+ftppfEdbuW7hhY1zsXA7O1rDxjPP6BjyNf/M/6HMwVNDAspcA3OdfTPPnMjy/5Glv2NdPsbib+tPmP648HXJzt+uS5ghXfRSa/w83/5fDaW/8H3R3R+PjvA5MjQKTY6Y12HLbts4eg1ZP6xrpMYnd9DDPdL7W9kWew8v3w5X8eQ/9FSz0mni2z8aje04lCwugQ7jD3Qw+SoOp2MDqrv7DxBoLmzh8nR6Vuvau/kb4dDdAz5Q5dcmLTey752P5vNov21hdtlko1raNGFoLwmhx25Itf0svnxiCbHnAu45xpa5OCfc9Q7QzO425RD6lPEo1e52t/I+t9ip9fHH1y0L+DbVa46hvyJ6zzmWflrBlucjW3ypUEQBGkuDrda/NVDh1v5rqGFjXMxMNtiNf/7eXwdQ/5wS+lUhybGqCP0TT8vStnplLDTKWanU+jsZfYTph/QGXtqEM9vsVfhCa9wJ3XjTz6iY+rw5QLHb5dcGLrEb+oGL4vDTp/8eLiDkc17FokzTqS7hhbutb6wfpWm8QsP+RX+FVyw0ylhzh6/j2ad7DyRUVfheybHhi4+321K7ZnbHvVvTlzvqb176sYfvszlh83eO50SmsuuC4l21+4u3HdLq/GbfchOt3I1vbzVIa6Fka6hhRcCnwzWxGitu2to4ddmLvUaf33jxm9pZgRBkAZppfEvBOVfi1Y2zpWQe7vX8qfO5+sY8kdaJ5g6NTFGHadTnoct7es32gGdsacGr/Zfdk3peC3ysrvv52P5vcee0BnrtsglzTJaeS1a6XgxZPdafn8TfqeJh74/p9zgpbwWrbThX/jDnK9jyO9j5vX9OeWJQKWrJFfHkP/lr46rj4V8/FPtVr7f5HUtWvm1mXPdTU/tm1M2eWrv3hrbUB1DvsEK4XcbPVs4CNPJSGB2MHCsuaum8Zt7vNeilZdD8jQr7rkQ38LIa9FK99D8xpubvMHjWrRy5HKX18cfNDsYOG61m44hf8pGz8X7AzRjdp+Pa3lmBEGQBnEKarnxxfnXY5SNIwq7d2TXsZ/NDukY8j/fHjXuRHbjMV43ZRddbi5Ye2bcwmO9V/p+Y3Fz1RHJT7+fnDL3gM7YU0NW+y+/rjx/PdLdw3fwWL7epFM6066tdJUfi1Fej1Ge/yvkz3W1jf+Do3Kjt/J6jPIQ/4JFXeP/4Kg8GaR0C65t/DW2IR/PftL412PqNf71GOXw+jc1abLxp1l4rzoi0eTjn+w7GQmWCeo1vvYkVyIKplp4q3Pyarp76JPGt7wQ32Bpg2fJI6yJxu/z48mpFt4fTD/++viDywR1jb+pXuP/6RTX5EuDIAjSXC602vg+scrGuRaRe/bAqUWrjukY8j/eHDb8kLzxGHfvqLMHTg2ZyXSccGjwgfSlLlk+scrD/AsWqw/ojD01ZI3/Ch+lk0+kh6fv4LF8ve/P6vxyc4NH5rlYpU+s0umvkD3r+APUjX9euclb6ROrPHzgwtbVfB1Dft9lXj+cV9qLlZdDmmj8HzZ7+cRqVfxmT59Y5fBlTxpfeyfXHq9t/ClajW/lItUeM2KZc+PG1x7gEaZV8c7xLd9s8Cx5NtX4mmg3/vebPJfwnzT+ngtxTb40CIIgzeWCuMXGd5bk+8Yrm0hcgU9kxP7DHhPH8t+feKrrNJc1fkpGUm+Ms2vI3o0HBpjwO044NPhgOlco942X79p6jju3tvF/u6G8cCPS08t38Fi+3g9ndebe3OSZ6Riv9I1XeoiizvDtv5jJdJxg8yUjN7uY7RuvPHrwwrY1dY3vpOy3xPXdH47oGPKnbPIQRRUM417QNL5v/JOK/2GzZ+ObmqyzC9Ux5HN+E36/6Unj7xVKtceMWO7cyUiwnAkct/pJ42sP8Ax/0unWLvFeEU9uWrnE34hTXpLk/H44SMeQ3/W7Q3qmdtrrekU8aXyLM5GXJDmXJDkrD9dexufNiYx3ZP4a2xD1P11LDzxpfEvnuKZfGgRBkGbi/JyNH1/oG5984sLNZUvtP59y4oPJp2acSlpxPkngliRwSxJcThbcyLFxCT3Ctx8xk+lpxHz8R7iJIELgFr18zalZc1pq/PPxSt945RX/BJczruPnH/2/KczHf4QbC2IEbklr/ji7cOmTxjdYf23okvNDl5xfJrjlW6/Tm2j8Ec/S+MsEt2ofiFuSwC3p8wUODRr/rclPGv/ktTRrl3gdQ34Pk6NDl5w/6nVbu/GtXeLVw6xc4ocuOf/2lMOdJwgEbklnfeXq+69oNb5V3eCNJ8M0je8br7QWxg9dct5McGuTfTgaH0GQ546z5DkbX51M3/iY5WanJtX/xL2OkY3O+hiTkzG+8THLzU7XLT2sM/ZU31nMZ0/R+L7xub7x6Tstzi2Z08SxDnXjnw6utzMvsPEbp4XGH7ncRXO8SH1Pk42vjsGK2sFTNnqo73maxtfkSuSTwWh8BEGeNa00vosk30+qbD55ftLMExci+cck5tqxDTG/lCnwzay/NNT8WKTF6ZDtDhLzY5E7/7pzMkx5JUx+Pfj2zmOSLSejzB3unA3O86qducBPeu/85ejjDvVnPiYxPyaxuJB4MEDpHl1vZzQVb7zFy0/6pOI/nm0/fat3r+m2tY2/xVN7rfUnQnUM+aPqN/6Mbd4NtrjGNvjEVdnCvX6axveTKo94pkzf6v3B9OOdjATmxyQHXBPVc16J1Gp8Ybz25p40/iYP9T3eWiVuLYy/FlMwfau3+gjVtK1X1h4P1l7dO0r7n4e4Fl8aBEGQhmmt8YPz/ROU/4mM0Gp87ZsNYrzFU3utDXWN/8PmJ42/7y9pk5vYcDJU0/jaN7tMttEe5h31pPH3XozXXqRp/O83eajvEUXVa/wGNxvsgChae2ncK3/OEQT5b6WVxhcGFwQklPwnciUi/3LIvcsh90SRBQEJJZrGn7TeXX2/9tKAhBJRZEF346NvTbbRMeTvcYoVRRZoxtyILVKP2Xo2srvxUU3Ug7c7RLuH5gYklPjEFKnHq2+qM2GtW/cfnlxaed9FaTM7ma++52pUgWZwt+8OqdedsNZNeze2O0TX7oPWzHuF0md6fhAEQVwkBW2k8Rvk593Xv1p6/qul51fYBDY54Fp0oXrAV0vP23nLmhyzVyjVjGl1sDq//OmjPfi4952W99MnpqjxJpYJbmmP2X8xofEY2yutzIwgCNIgLsEtNv7FkILApBIEQRCkDUTYauMHJZcgCIIgbSDCkBYb/6+QAnFKCYIgCNIGchGNjyAIwpKg8REEQdiS1hs/OKUEQRAEaQP5q+XGvxRaGHL7PoIgCNIG8ldIi796eCm0MPSOCkEQBGkD+Su0xcZ3DSsMT1UhCIIgbSCXWm58l+AC/4QSBEEQpA2klassIAiCIG0szTa+R2RRguIBgiAI0gbiHlHUUuMHJd+nAADQJtxKuo/GBwBgBTQ+AABboPEBANgCjQ8AwBZofAAAtkDjAwCwBRofAIAt0PgAAGyBxgcAYAs0PgAAW6DxAQDYAo0PAMAWaHwAALZA4wMAsAUaHwCALdD4AABsgcYHAGALND4AAFug8QEA2AKNDwDAFmh8AAC2QOMDALAFGh8AgC3Q+AAAbIHGBwBgCzQ+AABbtKHGL82uLLgTFBQUFJUQJFMWP3j8qnfov+NRUfWDrLigoMjQ2KC47Hv3y8tf9R79O1RRWl6UkZAdJw4KiotJzMwup+VVr3qnAP6GNtT44UzJXwsJIWTgZMIVXU8seNU79N+R41GRsJ9DyKc9viYcxk6cnvqq9+jfoZRS2ZUtkwQcQghn6PdbGRmVlb7qnQL4G15e4ytTJUkuvH3beKvXbWQCCnxvl1JKaUlcxd0bDI+3i2fB4zEXwzPFhZRSWp4jLQhgmD0beWvW81ySXCJyWt9Am2j86spHSS68y4d5PB7v+LXES8kvbuaqx0kuPPfDPB6PZ3s14S/tmf/Jxq+prkxy4Xkc4fF4vD3O4kOBBZRSWpFHCwI8j1oLeDwej+GfvBpQQAseUVpTXRDA3HT8k8fj8Y6JVgsTtG56r76Y9OL262k00/g1NUkuPK+jPB6Pxzt2hSd8yXsF8PxeXuPfvXVcxCX/60103ujKYWR7/fIopTTbTRVpySGkH+lJCGeFQ7htGqWU3pd6yBjOqAHdSMc3CVe01FHa+gbaRONXVZSJuGS1ISGETN7pvfL6i5v50UMRl6xVz7zD6zftmf/Jxq+urBBxyfqxhBAycMnxMYdTKaVUlUxlzEajIQbkNUI4+iY7GBlNLaM11ZUyhnNg3qeEEDJxq46Zl4zhHKy72WH51Re3X0+j6cavqakWccmm8YQQQiZsec1M9HL3CuD5vbzGL45zTeYPM/j0LdKxi+4KnxUXEimlNPKQ0nWxLiE6pB0huibWvuv8KaVUIbb3WaH71Yft2nd6axg/ec/1e61vAI3f8syvqPFrqh4n84ftm9OXEKLz3Y43V92glNKccOqzwtSgry4hhOj2H7dghQ+Ny6PVVY99VuhuMtIhhHyy8MjIgymVZQVlxXnZ2dnZhaqckooXt19Po7n3+NXJ/GEH536Mxof/nJfX+GW3rykcTCZ+3qOL7ptkruviU9HllJYHWeWc+5HUGb/dm+tVTml5uv8R17nki15vdHijt4mD4kiwklJKHxVWlSrixOJIcR1JsDhVKct/QGlTjV9TTZWpuWnxYm1hceK47DxVRTmtoVR5Pzc9VSwO11osFsel5qnuqc9dVtynytSE2HCxRCJOTY2Kj68dLAkWx2UnZ2SXl2enxkfFqVeNShCnKpWaM8ZVD2h5drpmqVri3ZC04uaeokdF6Sp5KN+E/DSUEEJGLt5verB2arE49a7yQTGtoVSpyktPFYsj6u+zLFeV0/z51kdF8tKMcL4JmT2UEEJG/Lp3htbMmQnOubWNP5RwLC3PewRo7XSU7J5Ue+pHRTUPsuq/ChJxqvJ2blmTm66pfqxwMLE1+6oLITpjNukuvFxOafldSbnr3B+G66lf977fzp7rWh6ZXV5ded91LjEf1YGQLsN5DjMcFVSZmi+XisVicUKmJLWoPDsu+3aUuLGETEmqkpZnF2ffiROLQ+svjJLlxKsfwqNSqkxNjosQi8XiVGXK3VyqTE2OSxWLU5WUllU9pOXZGQkxdY/eRyx22Td/xKrBDY/qyBiOzYL+aHz4z3mJZ27vx1MZs4rTf7jOG4TDzN7rJ6NU5rYq0nK4pvE/X+EwyVZGqUzq8SfDIQO6Der01iRGRn3zKKWUZrupoqw4hPTTrKDbmXBFS89JKW2q8SsfUhH3JO9boq3nSMJhzoRlpNFKSkVB9jwuIXpaiwnhLDsdeiyNUkqpQkxF3En6H5IOHQiXO2DMGC4hHxJC2nckHGbmJkYmY8y+/WyEetUBEwlXdDUhv+7xJlIZs0azVO27XW82/749231t3L56w+v0J4S70zv+Oq2iVBR8Zg2XkP97svQ9Qjjck5Ijzb8zz/FYJ90/srmZd5zY7Vnb+J8SDncS56PFWmMHLrUzPKw1dY7nowQ+h5BPNSPadyBc0dxTsU1vu6aKyphr/LkcQt4ZuKTDmMMySmXJ12UMx2jIO+oJeuibcBhZYKqsujKJ4ZB5n/YghLPYNvDQnSoq4jptGEeI+iDPFRnDOTivfxOPY6KFzjJvKmN8Ds7nEPJO/YUDfz06+lAqpZTmhFMRdwanL3mtHeGKZu86QUXcGaO47dovE1EaU3qbypgtk740aGIDaHxoC15i4z+S0WKnHWMGG7d7nfTaNHW9WzClwfY/Xl/Tm/Tl9Ozbj9OXfLzIZuDOYEqDwxw3bupF+nQc3bnrfKdiGlaUQwsC3Pb8aj1vbC+O2eS5GxmG2fnrmHVTPyGDpxqYHWACCjKv76vX+FcvPYx24E0dPH70KNJ3+pzV27cyBxnGbNWqjRwO4+bjlZzlw/CmLp82bXDf6dzV27cyAoax2LR01vS+vYxMeBPNjgUU0NtJdY3frgMZzDUw3XCYYdbOGLhoZHvSa8ynY+cv2MFY7t9ps2/99L7kq08/J4PN93knBRVU0YKABG8Bs2DMKKNfPvp2OcMw1pu4FtP79hsxrqP+T0xAgU+KqvEzVJYWmBd6zoxDDD8hhJDPvuOOXsYwDMMwDgzjGxp7MzXHl+FN/W3GtMF9py/hbbNgBAxjsZn70/S+vYyMVxotPRJQQJuamJalBeWHOZpxyNhP1M/Q0rqZzzKMb4jk1B1143fSI72MZ5tbbDsqYBgz81/GcgjpN/i3jybYJ1GaXZFLCwI89nH58w17ccyMft7AMMyuJeM3TfuYDJ467FcrJqAgrfBRo41X02KnW3YrTAnp9bZph48sgikNjnEN3tRr9Df/e63vSE5f8oXhpF6bgq8mBlc9DtzUi5h0+5AQ0zVOYc7Keo3fYZmoOEYYff2setcFBw+Yccj4TwkhZMBSu9FH0qmM8Tm3i8MxW79uN8MIGMZszfzxHEI++fwnvbG7AgpoUoqm8V8jxuZfmfzMTB38RS/Tdu3NRAUBwhtHmAVjxnw06oPXOGYMs57ZyzAW3AkDp/dptvHfm2X98baIF/b/CMA/7GV+OvMupaKD4/+3gHQkhPsd11FEqUhgdHFxR8LhfsYZzeWQ3nP2vG0uolQUaLeSS0hv8v2b3cxFlErvS6mM4Y0aMFz3yYncbDdelNVwQkhPg584jCzskmW9xj9rUXuzp0G9N/WezlwOc+MyEx9tzSGkX8+RhMOcDs1Io9WUyhI8LRkOGdht0OtvTmBk9EZUXeOTDoRwJ/7qIKJUZDPZdZH6vfUIwmFOhQQnP4hlOOTnT94jhGN2KuSo7DGVMVesfuYQ8nbdm/r7iVdkDGfMZ2+37/gGh5Ht8clr8jlq6Th+tnt5/D4OIZ+8N5xwmJMSeSqtoVSWJNrLcMigtz/T7TSOkdHruU0/+091HJ/0IISz1E58JLWaUlHIubVcQj4ik3Rf/01EaZwqmcqYDeMGj2zfgXBF807HUkpzPDck8kcSQnoMm8phZEFpjY/tVFMqCnVcr56qg+4KEaWi0PMiLhk5eWI7zhIuh4ybMpZwRe4xoqpHnlxCxpFPCOFuvRxztaZ+49c/c1tT9VjEJbULLdyWX62mMsbH8xSHKwqIzqW0hlJR+IWNXEL6koHt2o9mZFQUrdX4HE73/v05hLxLJrRrxxXJmP3M/LqbZiJKY5r/rI6m8QcsOjzKRvZM/xsAvEIvs/GrKK0Ishp7bpYOIWNG/bz6iNxv0/ivVrz71jCrmKWbLNwWkS8+nv7m+6v95Ef2W/48hpC3x2/vxvWqoDQj5Izfmq4jPtLp3LnbXLcK++jHlNKqEH6h8y+EkHaDvtNd4XPDYat24+/73cBz2RuEkE/GLZwrLIu5V1VFKaUVj8ofFheUZV5eFyMYo0vI+1/PGGYlFaeXVlFKaaUy1k1qNWxU/3d1Xn9n/HE539G97qhOJzLXbcHJqApKMy6tjPxzKCGk+7Dpw6ykQWm3H9Zv/ENJpX5rum6c2EmXkPEWHos9KyilNXeDKj0XTdbXIx066a7wWeKY0PRz1Hzj54q2JNkY6hLSU3/qMCvprVRVJaWUVhbHe0ithn078N32um+NPy7f69/0Keunavx3vyLDrI7clCVW1lCanOhtzR9GBnUb3KGj0RE5dbzq7Lem6+h+Oq936DjXrcI24jGltCrMpsx1ASGkXf/xuit8vOLym9p4xV3xGbe55Gu9z3U6jDsi97M8vGXVG2TiIsEIy3C3RcR83ADyxqrdp6xv3LEZQ8jAPt+SuW4XI3MqWmj8eIdKn3XvvkHeHGBA5jqeD75bUkFpZVlF+YOC4opHj6vV21UEO7jNJSM+1HmtfacVPvT0Na2jOhyrieudw7OzU7MLs7OKko+PFywerEvIpz/xh++KqaD0MRof2pyX/Q2s2GPGHsu6EjJk+PSFluGuZsO/mPNGVyM7xSb+oZBN73/dZ0rnLgtcwy23bJ4+hJD3Zuz/cHMQpfRu4AkRlwztTTp0etOEL956TiwWi8UnV13bPYUQQj4xInNdr5zanKvV+H9yv6q9NWkJV0QbfHIn+7J5tPUIQkjPkbM4jCw044H6/rJkkcLOaMygd9t17DzEMn6bnUtd479BuKJfHeIppdmXV8fuHUEIeW/ETA4jC8mQPapt/LcJGbLQNmhvlErEJeZjCCFk5BL+TIFYLBaLL9uK+SYjB75HdF4nc13nnYgsp7S60fPTQuNnu6+N3zeSEPLe8BkcRiaR176bfnD7usLOaPyQ7u06vD7EMv4PL0WTz/wzflanhlJZ0tX9DId8/s7ADh0NGRk97X5OxCUjPiLtdHRN+OLNZ8VisVh8as1N6x8IIaTvGDLX9a+ops8f50a43DTvMurjfu07/M8y3HXjLt5cQr5ffmrS8fSQTe/vMP4fIXM37t98UbJ7CCF9Bxp1Mb95Jb6ANt34jyhV3nPfmbLXmJD3u/5v1qC9Ib53itQbelSar0wVx9edVvY4uYNvQob0Iq+11+GK6EmRVuMb2Zns8VVQ+pDSmprqeMsh+2Z/SAj5wuzExBPq57DZxlfYGR1bOgSND/85L7vxs11rT9V+xuFwGWZi//6j33ybK6KOokAq4hoNndip02iG4f7002hCyKDlZyfZplGtxm+a+rjNkdXRf7vx607V6hHdNwhXtHiP7bM0PiGEfLfr6grPJ43fhPYdCYcx3eMjo/RBw6fneRqfZgVTEff7r/+P6HQkXNGCM3FNPvMvsPGb1mMY4TDHg9KaPH+sSr4mYzjjB7/TXkeHyzA/zpvHIWT2NvcVokoq4p5f/yMhnMWLZx84sIQ8OZFb1kzjZ1MqOjbNYAlpRwjXcI69iFLNoazs8AsiLuH0abh3TTQ+VzT7ZIx6rZrqKhGXbBxPCCET/nA1q/1botnGpyKuy6bxaHz4z3nZjV/qt0N+wpgQ8lH//sYLFw7oNbTPW19ui6AeERE0Ytvc4cM+1f1w4UJjA4MvCCHfbL48/68SqtX4OrqdDLjMLxuZek64MMLoRM9dmX+78cvv+BQ4GI8d0qNdx859t0VsPHz+bzb+Z9+Zfbus/t7aHGaE0VfCM4spbXzpn+do/PJUvwIH4wlf9nytw+t9t0WsdUtv8pl/ke/x2+sYcJmf19d/XHYXGGF0fHZJSVNbfyS/VQ6mLNcAAB54SURBVOxkOkW/V7t27YwXLhw1+rtepO8Cvs/OiCoasc1915y+pNcP40bPm/c9IeTDUbNMnYrDFI+bbPz7mbeShNN+/brXkHbtDbi+6+wT5JQ+oLSmpjpJyHPeOnnaEPLlhJkfz7BgGGbnmvlcA9L3ndYav6YqYlvfPTN6EEKGrTwz1UH9n0vzV1mQ+94WuzIM4+ATK4xp9uO2AP82L/26OmEHlRcXEEJ69uzJ4XC6duW80XUSI6O+MimVMTxOf46ODofD6devHyHk+z03zG9QqtX4um9244po09/Arf/pzOdr/PsJnjKGM3pgt/avv8lhZJZn3P5m43+3S/RM36J6jsZXJYlkDMdw0NvtdDtxGNnuZk7dvsDGb9/hda6Inm7m05hNyw6lIu7UkR+99tprHA7n00856s9fHpZVURlz/cA8DiGcgQMNDAwIIZ+M/YUrojG5tMnGzw5zEnGJQR/Srn0Hroja1+1GTVWl5kSu5uOYOeq3/H1baXxaUy1jOMx89aH5I9/Uvm3HdXWgrXnpjf8oqCzn3C+EGLRrp6ur267dd2++/btnJY2rzKCVnvvHf/kLIbq6ujo6Awn5Zbu31KuCUkqrCqPKY3YuH9lvqM4bnSfZL2CC5JQ+pJRWP6Jy++veQpMN/jHnt2k3/pUT6/IcfySE6OiN7jzJ/nxkViatplSeEia232AfFueUkH3mF0I4H4zSHX/cMeKuemmyaP/x8bqD3h3QsfMYK2mld+it52j8lVcflcfsdN0xbRgh7+nzekw7K6e09l+c3Gvld06ZbPC3aeYSMdWPHybzh1n+1IcQMnj56Ul2GZpFVeWBD/LO/ULIqF4GuuOPnwnNzKA1lMpTrh88Pl53SPf+HV7/xkpaeUXR+OwApZRWV1Yk84dZz+5LCBm8zH7C8SczP2Xji5LjymN28sYM0G/XofMk+9n7AuTqA1M1VVRuf/O6i8kG/7DmvupcdZeWux384eufa1/fAYQs+sM1+kplNa30DDm3dhEhH+vo6Oq+Tsgv384+6lZOc6obNf4yb+q/4dL2H97tTHTHmevMdyoup5pvvGk3/rjNfy3xqqRUfsfX5sgY8mX3Vhu/plJqdXXfz8MI6THE7PUJdnJK8+k9Sn1O/PTNcl3S4CoL/ht6W/7Uu3fv3r1nW+tt9G/9P3uAf4eXf+3MmAdKD/MuZPzrhBBC3pjR5cPN/pSm0GxK/Y+Z6C97kxBCSIfBpIv5fv+UIPVKZWlUIWR+nbjoq/5dhvC+X24jlEj8JBJJ0E2JkLf34P4hXFGw5uOY6k9nXjpa6reLM6hnv885ZAhvy0nXi5IgiUToaH+GN5fxi7+WVOa/lzNo3tcTeg7h7ThRt3Tf77whXUYMNRn4DU+ooOHx4udo/FXXKqlCKDmz3uyrvgO++LnHsLVCicRLIpFIJBIPa78La4ZwRRZn45t8dmoqKxTCBSdWjerbhXxmukl/7UWJRCKRREkkqXeVUfnlAXs5g+Z/bdRzCG/b8UvqfXbi83hDuowcatzfYKVQQcOUTT/vNVWPFMIF9ubf9O1CPpux8as1WjM/+c5tS41/LT2DKoRHl01Z8lW/LkN4E5ccFEokvhKJRBwoEfIO2uwdwhXdjG36U6eU5lLqbz971Mou6td3IOlivvuKNIBWU+ofKfzDvAvpp0MIaUe6mBstPuev/jeyQeObXVGen3pihT4hhAxf2H76AYlGtEwce9d/Z98dM3t0IYSz0HLaAbFEIvrryEYLDhnY2lEdSmuoQhh6dt2Cvl0++mxquy/MhRKJp0QkkZzY9t1Xv3Rp2Pi4rg78R738xs8uV0UyHPKj+ouzn6/oOslWRmkevU+pzI3HsVJ/A7enAeEwZ8Mz0+qt2ug7t2oDJxOuyKdB47/g79w+S+P7UEqb+c4tIaRDJ8IVLWqm8SmtplSW6G3NcMigtzXr/N3v3FJKae2H9/cxHPJ5/Zm1vnPbYuOrDxc1/s6t2qfjCFfk0WzjqyiVeW4cz1d/n7WHPuEwtoFp6g0lXz/AcMiQdwh5rT3hMCY7rsooLaMNG1+H66l5F9/QwF91RjMyGeP45Du3rxHC6d69P4dD3mm98SmltPT2DRnDmfTlu3WTdieEM2DAuxxcSQ3aipff+KVVj/KihQLv0wKBQCA453/MLb6Y0of0EaXFsgBhuLNAIBAI7FwEwujEXFW904Clskd54UKB4IygPofLAl95ZqKk4s51zc2Mooe0upLKfaUBF+sNVs98T1VCqymVZ0sDfAUCe63FAoHQL+FenHrDpdlU7uvmZC84dFjgK/dJKqCUlqXeyo9wFggEds5XhNHF9+4XV1XmRwsFojMCgUBwOVR+M5NSSumjQlocfeuig3ODvbU5LPCV+zR7obcaSouL0iOihQIHW806ZwUC39D0AvVhnJzEW4332VeaE9vkOdMGM8sjo4WCc/VnDokPSyuMFAoEZ+wuCGrPvmoPdrA59Fd0Ma092VGWVqUe3OBxnbkk8JWn5Tf+/JHaI0qL04Jco1wEAoFAcPyCQBgdl6U+zVuszIiKFgocbQUCxkYgjPYIyag9rV1TQ+W+yUGXBAKBwC3YxjdN7itQ32rIwcfmYnRxcXRS9DWhQGArEAgEjEAgPH78rFAosLUVMIyNr5xK5blU7uslPCVgGIGvXCSt9+2Bx8rM4mih23nNs3NcIBCePWvr4iIQ*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" alt="" />

实例代码：

Ext.create('Ext.panel.Panel', {

　　title: 'Card布局示例',

　　width: 300,

　　height: 202,

　　layout: 'card',

　　activeItem: 0,

　　x:30,

　　y:60,

　　bodyStyle: 'padding:15px',

　　defaults: {border: false},

　　bbar: [{

　　　　id: 'move-prev',

　　　　text: 'Back',

　　　　handler: function(btn) {

　　　　　　navigate(btn.up("panel"), "prev");

　　　　},

　　　　disabled: true

　　},

　　'->',

　　{

　　　　id: 'move-next',

　　　　text: 'Next',

　　　　handler: function(btn) {

　　　　　　navigate(btn.up("panel"), "next");

　　　　}

　　}],

　　items: [{

　　　　id: 'card-0',

　　　　html: '<h1>Welcome to the Wizard!</h1><p>Step 1 of 3</p>'

　　},

　　{

　　　　id: 'card-1',

　　　　html: '<p>Step 2 of 3</p>'

　　},

　　{

　　　　id: 'card-2',

　　　　html: '<h1>Congratulations!</h1><p>Step 3 of 3 -

　　　　Complete</p>'

　　}],

　　renderTo: Ext.getBody()

});

5 Anchor 布局

anchor 布局将使组件固定于父容器的某一个位置，使用anchor 布局的子组件尺寸相对于容器的尺寸，即父容器容器的大小发生变化时，使用anchor 布局的组件会根据规定的规
则重新渲染位置和大小。AnchorLayout 布局没有任何的直接配置选项（继承的除外），然而在使用AnchorLayout 布局时，其子组件都有一个anchor 属性，用来配置此子组件在父容器中所处的位置。anchor 属性为一组字符串，可以使用百分比或者是-数字来表示。配置字符串使用空格隔开，例如
　　anchor:'75% 25%'，表示宽度为父容器的75%，高度为父容器的25%
　　anchor:'-300 -200'，表示组件相对于父容器右边距为300，相对于父容器的底部位200
　　anchor:'-250 20%'，混合模式，表示组件党对于如容器右边为250，高度为父容器的　　20%

效果图：

示例代码：

Ext.create('Ext.Panel', {

　　width: 500,

　　height: 400,

　　title: "Anchor布局",

　　layout: 'anchor',

　　x:60,

　　y:80,

　　renderTo: Ext.getBody(),

　　items: [{

　　　　xtype: 'panel',

　　　　title: '75% Width and 25% Height',

　　　　anchor: '75% 25%'

　　},{

　　　　xtype: 'panel',

　　　　title: 'Offset -300 Width & -200 Height',

　　　anchor: '-300 -200'

　　},{

　　　　xtype: 'panel',

　　　　title: 'Mixed Offset and Percent',

　　　　anchor: '-250 30%'

　　}]

});

6.Absolute 布局

Absolute 布局继承Ext.layout.container.Anchor 布局方式，并增加了X/Y（横纵坐标）配置选项对子组件进行定位，Absolute 布局的目的是为了扩展布局的属性，使得布局更容易使用。

效果图：

aaarticlea/png;base64,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" alt="" />

示例代码：

Ext.create('Ext.form.Panel', {

　　title: 'Absolute布局',

　　width: 300,

　　height: 275,

　　x:20,

　　y:90,

　　layout:'absolute',

　　defaultType: 'textfield',

　　items: [{

　　　　x: 10,

　　　　y: 10,

　　　　xtype:'label',

　　　　text: 'Send To:'

　　},{

　　　　x: 80,

　　　　y: 10,

　　　　name: 'to',

　　　　anchor:'90%'

　　},{

　　　　x: 10,

　　　　y: 40,

　　　　xtype:'label',

　　　　text: 'Subject:'

　　},{

　　　　x: 80,

　　　　y: 40,

　　　　name: 'subject',

　　　　anchor: '90%'

　　},{

　　　　x:0,

　　　　y: 80,

　　　　xtype: 'textareafield',

　　　　name: 'msg',

　　　　anchor: '100% 100%'

　　}],

　　renderTo: Ext.getBody()

});

7 Column 布局Column 布局一般被称为列布局，这种布局的目的是为了创建一个多列的格式。其中每列的宽度，可以为其指定一个百分比或者是一个固定的宽度。Column 布局没有直接的配置选项（继承的除外），但Column 布局支持一个columnWidth 属性，在布局过程中，使用columnWidth 指定每个面板的宽度。注意：使用Column 布局布局时，其子面板的所有columnWidth 值加起来必须介于0~1 之间或者是所占百分比。他们的总和应该是1。另外，如果任何子面板没有指定columnWidth 值，那么它将占满剩余的空间。

效果图：

示例代码：

Ext.create('Ext.panel.Panel', {

　　title: 'Column Layout - 按比例',

　　width: 350,

　　height: 250,

　　x:20,

　　y:100,

　　layout:'column',

　　items: [{

　　　　title: 'Column 1',

　　　　columnWidth: .25

　　},{

　　　　title: 'Column 2',

　　　　columnWidth: .55

　　},{

　　　　title: 'Column 3',

　　　　columnWidth: .20

　　}],

　　renderTo: Ext.getBody()

});

码农公寓

相关文章