html/css/js
关注
分享
扫一扫
涂有
架构世界，架构未来
展开
-
extjs之GridPanel表格
grid初级部分： 需要的其他辅助类有ColumnModel（Observable的子类）、RowSeletedModel、GridView、Store、RowNumberer、CheckboxSelectiondModel（1）、包含表头（列的宽度、是否改变大小、是否排序(sortable)、是否出现菜单，是否隐藏(hidden)，渲染(renderer)）、数据行、分页栏。（原创 2013-04-04 10:19:20 · 1339 阅读 · 0 评论 -
网页中禁用右键菜单、选择、复制、拖拽、
在网页的body标签中写入下列代码： <body onmouseup=document.selection.empty() oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=docume转载 2013-05-11 11:05:50 · 1000 阅读 · 0 评论 -
Extjs中的el与contentEl的区别
1、把嵌入到当前Ext元素panel内: Js代码 { fieldLabel: "上传图片", xtype: 'panel', contentEl: 'div_exam' } 效果: Html代码 2、.把当前Ext元素panel嵌入到内 Js代码转载 2013-05-11 12:18:17 · 785 阅读 · 0 评论 -
CSS的几种居中布局
固定宽度的居中：（1）：text-align:center 说明：在父容器中指定其属性，其子元素都会在父容器中居中显示（2）：position:relative; //指定其定位方式为相对定位，即相对于父容器居中显示 left:50%; //先把元素的左边框移动到中间原创 2013-05-16 21:53:21 · 741 阅读 · 0 评论 -
css二列布局（左边固定，右边自适应）
#left{ background-color:#00F; height:700px; width:200px; float:left;}#right{ height:700px; background-color:#0FF;}原创 2013-06-07 21:04:40 · 797 阅读 · 0 评论 -
实现DIV层内的文字垂直居中
如果是单行文字想垂直居中，只要保证div高和行高保持一致，就可以了。用下面的代码即可实现：#div-a{height:60px;line-height:60px;}如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现；这里建议使用table方法，在table外面再套上相应的div，代码如下： 多行文字居中还有另外一种方法：转载 2013-11-02 21:43:30 · 563 阅读 · 0 评论 -
div边框阴影的实现
box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色； Firefox支持Box Shadow(阴影)：-moz-box-shadow:2px 2px 5px #333333； webkit内核的Safari和Chrome支持Box Shadow(阴影)：-webkit-box-shadow:2px 2px 5px #333333；转载 2013-11-03 19:44:54 · 6319 阅读 · 0 评论 -
绝对定位实现div重叠
div重叠 叠加实例 未排层叠顺序 www.divcss5.com.div-relative {position: absolute;color: #000;border: 1px solid #000;width: 500px;height: 400px;right: 0;bottom: 0;}.div-a {position: absolute;left: 30px;top: 30px;转载 2013-11-04 01:56:35 · 1293 阅读 · 0 评论 -
extjs之Panel
1、最简单的PanelExt.onReady(function(){ Ext.BLANK_IMAGE_URL = "../ext-2.3.0/resources/images/default/s.gif"; new Ext.Panel({ title:'面板题目', tbar:['顶部工具栏1','顶部工具栏1'], bbar:['底部工具栏2','底部工具栏2'],原创 2013-11-13 17:30:02 · 601 阅读 · 0 评论 -
js实现检测网络是否连接的功能
var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (eleme...原创 2014-05-22 18:32:36 · 8119 阅读 · 2 评论 -
Js之console对象
console.warn( "nothing selected, can't validate, returning nothing" );单独运行，居然在控制台打印出了nothing selected, can't validate, returning nothing，特意使用for(var i in console)查看了下各种浏览器控制台对console的支持，如下原创 2014-05-23 12:34:57 · 2594 阅读 · 0 评论 -
Extjs表单元素实现横向、多列布局，最简单的代码示例
Ext.onReady(function(){ Ext.create('Ext.form.Panel',{ title : '横向布局测试', height : 130, width : 550, frame : true, layout : 'form', renderTo : Ext.getBody(), items : [{ layout ...原创 2014-06-18 19:42:20 · 15471 阅读 · 1 评论 -
js键盘事件
js键盘事件，详见下： function document.onkeydown() { var e=event.srcElement; if(event.keyCode==13) { document.getElementById("b转载 2014-07-28 21:43:11 · 580 阅读 · 0 评论 -
手机端file限制只能选择图片、视频、音频，直接打开摄像头拍照或录像
限制只能选择图片<input type="file" accept="image/*"> 限制只能选择视频<input type="file" accept="video/*"> 限制只能选择音频<input type="file" accept="audio/*">原创 2016-07-02 23:43:25 · 24721 阅读 · 6 评论 -
extjs之treePanel树
一、以下是树的一些常用的类二、从服务器异步加载只需四步（1）、编写树加载器 var treeLoader = new Ext.tree.TreeLoader({ dataUrl:'servlet/TreeJson' });（2）、指定根节点 var rootNode = new Ext.tree.AsyncTreeNode({ text:'root'原创 2013-05-10 11:53:35 · 1119 阅读 · 0 评论 -
extjs之simpleStore
var fileGrid = new Ext.grid.GridPanel({ title:'上传文件列表', height:150, autoScroll:true, frame:true, columns:[ new Ext.grid.RowNumberer(), {header:'文件名',dataIndex:'fileName'} ], store:原创 2013-05-11 09:20:31 · 2628 阅读 · 1 评论 -
extjs学习小计
1、点击树节点，在布局的某个部分（常见的是center位置）打开一个界面的常用方式是：Js代码 contentEl : 'center1', html : ''2、Ext.util.Format包中有很多格式化的方法3、列模型的renderer接收一个函数：function(value,metadata,record,rowIndex,colIndex,store)4、gr原创 2013-05-09 13:28:25 · 866 阅读 · 0 评论