easyui
天亮说-〉晚安
这个作者很懒,什么都没留下…
展开
-
easyui-droppable放置
$('#dd').droppable({accept : '#box',disabled : false,onDragEnter : function (e, source) {//console.log(source);$(this).css('background', 'blue');//alert('enter');},onDragOver : functio原创 2015-11-26 14:45:26 · 533 阅读 · 0 评论 -
easyui-menu
单属性,有些设置在 data-options 有效$('#box').menu({left:100,top:100,hideOnUnhover:true,zIndex:100,onShow:function(){alert('显示时触发');},onHide:function(){alert('隐藏时触发');},onClick:functi原创 2015-12-03 13:16:50 · 477 阅读 · 0 评论 -
easyui-pagination分页组件
$('#box').pagination({total:2000,pageSize:10,pageNumber:20,//loading:true,buttons:[{iconCls:'icon-add',handler:function(){alert('add');},}],showPageList:true,//showRefresh:fals原创 2015-12-03 15:00:15 · 266 阅读 · 0 评论 -
easyui-search搜索框
All Newssports News$(function () {$('#ss').searchbox({searcher:function(value,name){alert(value+','+name);},menu:'#box',prompt:'请输入内容' ,});console.log($('#ss').search原创 2015-12-03 15:33:19 · 613 阅读 · 0 评论 -
easyui--validate验证
$('#email').validatebox({required:true,validType:'minLength[5]',delay:3000,missingMessage:'请填写电子邮件',invalidMessage:'请填写正确的电子邮件',deltaY:120,novalidate:true,});$('#email').validate原创 2015-12-04 10:30:35 · 482 阅读 · 0 评论 -
easyui--numberBox
$('#box').numberbox({min:0,precision:2,value:2,max:1000000,decimalSeparator:':',groupSeparator:',',prefix:'$',suffix:'¥',filter:function(e){return true;},formatter:function(val原创 2015-12-04 11:19:13 · 310 阅读 · 0 评论 -
easyui--calendar日历组件
$('#box').calendar({width:200,height:200,//fit:true,border:true,firstDay:0,weeks:['S','M','T','W','T','W','S'],months:['jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','原创 2015-12-04 13:16:24 · 571 阅读 · 0 评论 -
easyui--datebox
$('#box').datebox({panelWidth:300,panelHeight:300,currentText:'今天',closeTetx:'关',okText:'ok',//buttons:buttons,formatter:function(date){return date.getFullYear()+'/'+date.getMonth()+1+原创 2015-12-04 13:34:11 · 168 阅读 · 0 评论 -
easyui--timespinner时间微调组件
$('#box').timespinner({required:true,value:'00:00',min:'00:00',max:'23:59',showSeconds:true,separator:':',highlight:2,});原创 2015-12-04 13:55:38 · 868 阅读 · 0 评论 -
easyui-slider
$('#box').slider({width:300,value:12,showTip:true,step:1,rule:[0,'|',25,'|',50,'|',75,'|',100],});原创 2015-12-04 14:21:23 · 377 阅读 · 0 评论 -
easyui-combo下拉框
$('#box').combo({required:true,multiple:true,width:200,height:50,panelWidth:300,panelHeight:200,multiple:true,onShowPanel:function(){alert('下拉的时候触发');},onChange:function(){aler原创 2015-12-04 10:59:14 · 215 阅读 · 0 评论 -
easyui--spinner
$('#box').spinner({required:true,value:2,min:1,max:1000000,/*spin:function(down){alert(down);},*/onSpinUp:function(){$('#box').spinner('setValue',parseInt($('#box').spinner('getValue原创 2015-12-04 13:45:19 · 646 阅读 · 1 评论 -
easyui-menubutton
$('#edit').menubutton({menu:'#box',duration:500,plain:true,});$('#edit').menubutton('disable');$('#edit').menubutton('enable');$('#edit').menubutton('destroy');原创 2015-12-03 13:52:03 · 332 阅读 · 0 评论 -
easyui-messager消息窗口组件
$.messager.alert('警告框','这是一个提示框','info',function(){alert('确认后烦人回调');});显示警告窗口。参数:title:在头部面板显示的标题文本。msg:显示的消息文本。icon:心事的图标图像。可用值有:error,question,info,warning。fn:在窗口关闭的时候触发的回调函数。$.messa原创 2015-12-03 10:03:52 · 1224 阅读 · 0 评论 -
easyui-resizable 调整大小
$('#box').resizable({maxWidth:800,maxHeigth:600,/*handles:'s',*/onStarResize:function(e){$(this).css('background-color','blue');},onResize:function(e){$(this).css('background-color','y原创 2015-11-26 15:12:35 · 237 阅读 · 0 评论 -
linkbutton按钮组件
原创 2015-11-26 16:25:25 · 402 阅读 · 0 评论 -
easyui-tooltip 提示框
$('#box').tooltip({content:'这里可以输入提示内容',/*position:top,*/trackMouse:true,deltaX:100,deltaY:100,/*showEvent:'click',hideEvent:'dblclick',*/showDelay:500,hideDelay:500,onShow:functio原创 2015-11-26 15:39:59 · 894 阅读 · 0 评论 -
easyui--draggable 拖动
属性设置$('#box').draggable({proxy:'clone',revert:true,cursor:'move',deltaX:10,deltaY:10,/*disabled:true*/edge:50,axis:'h'原创 2015-11-26 12:44:40 · 227 阅读 · 0 评论 -
easyui-progressbar进度条
$('#box').progressbar({value:1,height:30,width:200,text:'{value}%',onChange:function(newValue,oldValue){console.log('新:'+newValue+'旧:'+oldValue);},});setInterval(function(){i++;原创 2015-11-27 11:30:11 · 428 阅读 · 0 评论 -
easyui--tab 选项卡组件
$('#box').tabs({width:600,height:600,plain:false,//fit:true,//border:false,scrollIncrement:1,scrollDuration:1000,tools:[{iconCls:'icon-add',handler:function(){alert('添加');},},原创 2015-11-27 14:29:48 · 1079 阅读 · 0 评论 -
easyui-panel
$('#box').panel({width:500,heigth:150,title:'面板',closable:true,iconCls:'icon-edit',left:300,top:300,cls:'a',headerCls:'b',bodyCls:'c',style:{'min-height':'300px'},//fit:tru原创 2015-11-30 10:44:39 · 512 阅读 · 0 评论 -
easyui-accordion分类组件
$('#box').accordion({width:500,height:500,fit:true,border:false,//animate:true,//multiple:true,selected:2,onSelect:function(title,index){console.log(title+'|'+index);},onUnselect原创 2015-11-30 15:17:29 · 281 阅读 · 0 评论 -
easyui--layout布局
$('#box').layout({fit:true,});console.log($('#box').layout('panel','north'));$('#box').layout('collapse','north');$('#box').layout('add',{title:'east',region:'east',});原创 2015-11-30 16:21:20 · 237 阅读 · 0 评论 -
easyui-windows组件
ps:以上属性是window自行扩展或代替panel的属性,本身window就是依赖于panel的。所以,上面涉及到的属性和方法,请查看panel的属性和方法即可原创 2015-12-01 13:17:06 · 197 阅读 · 0 评论 -
easyui--dialog
title:'标题',width:400,height:200,modal:true,iconCls:'icon-save',resizable:true,modal:true,toolbar:[{text:'编辑',iconCls:'icon-edit',handler:function(){alert('edit');},},{}],bu原创 2015-12-01 13:35:42 · 256 阅读 · 0 评论 -
easyui--datetiembox日期组件
$('#box').datetimebox({value:'2015-6-1 15:11:12',showSeconds:true,timeSqparator:'/',原创 2015-12-04 14:01:23 · 225 阅读 · 0 评论