ext界面编写 Ext.form.CheckboxGroup

最新推荐文章于 2023-06-17 23:11:22 发布

uplinker

最新推荐文章于 2023-06-17 23:11:22 发布

阅读量984

点赞数

分类专栏： Ext学习之路

本文链接：https://blog.csdn.net/u011671022/article/details/41893833

版权

Ext学习之路专栏收录该内容

2 篇文章 0 订阅

订阅专栏

刚刚接触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">

uplinker

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ext界面编写 Ext.form.CheckboxGroup

刚刚接触ext，纪念下自己弄的效果效果图 Ext.onReady(function() { var myCheckboxGroup = new Ext.form.CheckboxGroup({
复制链接

扫一扫

专栏目录