刚刚接触ext,纪念下自己弄的效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="/ext/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="/ext/ux/css/ux-all.css">
<link rel="stylesheet" type="text/css" href="/ext/ux/css/SuperBoxSelectEX.css">
<script type="text/javascript" src="/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/ext/ext-all.js"></script>
<script type="text/javascript" src="/ext/ux/ColumnHeaderGroup.js"></script>
<script type="text/javascript" src="/ext/ux/DateTimeField.js"></script>
<script type="text/javascript" src="/ext/ux/SuperBoxSelectEX.js"></script>
<script type="text/javascript" src="/seajs/dist/sea.js"></script>
</head>
<body>
<script type="text/javascript" >
Ext.onReady(function() {
var myCheckboxGroup = new Ext.form.CheckboxGroup({
id:'myGroup',
xtype: 'checkboxgroup',
//renderTo :'form-cb',
fieldLabel: 'Single Column',
itemCls: 'x-check-group-alt',
columns: 3,
items: [
{boxLabel: '百度', name: '1'},
{boxLabel: '新浪', name: '2', checked: true},
{boxLabel: '360', name: '3'},
{boxLabel: '腾讯', name: '4'},
]
});
new Ext.Panel({
title:"爬虫管理",
id:'main-panel',
//baseCls:'x-plain',
renderTo: Ext.getBody(),
width:700,
height:400,
layout:'table',
buttonAlign:'center',
layoutConfig: {columns:3},
buttons: [{
text: '开始'
},{
text: '暂停'
}],
// applied to child components
defaults: {frame:true, width:200, height: 400},
items:[
{
title:'Item 4',
width:500,
colspan:2,
items:{
xtype:'textarea',
width:500,
height:700,
hideLabel: true,
name: 'msg',
anchor: '100% -53'
}
},{
title:'选择爬虫项:',
items: [myCheckboxGroup]
}
]
});
});
</script>
</body>
</html>
</pre><pre name="code" class="html">
</pre><pre name="code" class="html">