easyui常用控件常用方法

原创 2015年11月20日 16:51:02
easyui常用控件使用方法:
1.文本框  <input class="easyui-textbox" style="width:100%;height:32px">  取值 $("#id").textbox("getValue") 或 $("#id").val()

2.链接按钮  <a href="#" class="easyui-linkbutton" iconCls="icon-ok" style="width:100%;height:32px">Register</a>

3.日历控件 显示年月日 <input type="text" class="easyui-datebox" style="width:100px" id="kssj"> 取值$("#kssj").datebox('getValue')
         显示年月日时分秒  <input class="easyui-datetimebox" style="width:150px" editable="false" id="regtime"> 取值$("#regtime").datetimebox('getValue')
         显示年月   <input type="text" class="easyui-datetimespinner" data-options="formatter:formatter2,parser:parser2,selections:[[0,4],[5,7]]" style="width:100px" value="6/24/2014" id="tjrq">
                function formatter2(date)
		{
			if(!date)
			{
				return '';
			}
			var y=date.getFullYear();
			var m=date.getMonth() + 1;
			return y + '-' + (m<10?('0'+m):m);
		}
		function parser2(s)
		{
			if(!s)
			{
				return null;
			}
			var ss=s.split('-');
			var y=parseInt(ss[0],10);
			var m=parseInt(ss[1],10);
			if(!isNaN(y) && !isNaN(m))
			{
				return new Date(y,m-1,1);
			} 
			else 
			{
				return new Date();
			}
		}
		取值 $("#tjrq").datetimespinner('getValue')

4.下拉框  <input class="easyui-combobox" id="workid" style="width:150px" 
							data-options="url:'getAllWorkShopServlet',method:'post',valueField:'id',
							textField:'text',panelHeight:'300',editable:false">
	取值 $("#workid").combobox("getValue")   取显示的文本 $("#workid").combobox("getText")
					
	下拉框可以选取多个值 <input class="easyui-combobox" id="jobid" style="width:150px;height:80px" 
							data-options="url:'getAllJobCommon',method:'post',valueField:'id',editable:false,
							textField:'text',multiple:true,panelHeight:'300',multiline:true">
	取值 var jobid=$("#jobid").combobox("getValues");  jobid=jobid+"";


5.表单的提交事件 $('#ff').form('submit')

6.表单的清空事件 $('#ff').form('clear')

7.消息提示框 $.messager.alert('消息提示框','更新成功!')

8.消息确认框 
      $.messager.confirm('消息提示框','您确定要退出吗?',function(r)
			{   
				if(r)
				{   
					location='quitServlet'; 
				}  
    		});

9.easyui combox设置默认值:<select style="width:150px" class="easyui-combobox" id="name" 
							data-options="value:'${sessionScope.work.unitname }'">
						</select>

版权声明:本文为博主原创文章,未经博主允许不得转载。

EasyUI常用组件(基础)

EasyUI是一种第三方组织开发的,开源的,功能强大的,基于jquery的插件库。 主要可以用于web的后台前端。jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员能快速地在流行的...
  • sdksdk0
  • sdksdk0
  • 2016年07月15日 10:36
  • 9717

easyui常用控件样式

div easyui-window 窗口样式 属性如下: 1.modal:是否生成模态窗口。true[是] false[否] 2.shadow:是否显示窗口阴影。true[显示] f...
  • scholar_man
  • scholar_man
  • 2015年04月16日 11:49
  • 1462

Easyui控件

  • 2013年05月31日 11:29
  • 1.52MB
  • 下载

[转]easyui常用控件及样式收藏

CSS类定义: div easyui-window                               window窗口样式 属性如下: 1)       modal:是否生成模态窗口。...
  • yuyuyuyuy
  • yuyuyuyuy
  • 2013年05月06日 23:01
  • 34960

easyUI之放置控件——easyui-dropable

droppable 放置组件,可接受拖动组件放置,触发相关事件。 事件列表: 页面实现: js实现: $('#box').draggable(); $('#dop').droppab...
  • cp1820957097
  • cp1820957097
  • 2015年08月18日 22:26
  • 729

jquey easyui 常用方法

版本:1.4.2 1、easyui -textbox: 去空格: $('#tt1').textbox({   onChange: function(value){   var _trim = $....
  • yeness
  • yeness
  • 2015年05月31日 13:02
  • 10600

easyUI常用方法

1.如何用创建一个简单的easyUI的datagrid HTML "tbList" striped="true" rownumbers="true" fix="true" fitcolumns...
  • QIANG_HAO
  • QIANG_HAO
  • 2018年01月14日 17:13
  • 31

jQuery-easyUI的使用:基本组件的使用、使用组件的两种方式

HTML          title="我的panel" iconCls="icon-add" style="width:300px;height:300px" >             我是p...
  • xxssyyyyssxx
  • xxssyyyyssxx
  • 2015年10月29日 15:22
  • 1250

easyui常用控件及样式收藏

原文链接CSS类定义:1.div easyui-window window窗口样式属性如下:1) modal:是否生成模态窗口。...
  • Decorator2015
  • Decorator2015
  • 2016年04月22日 11:47
  • 1585

学习easyUI的好方法

  • 2013年09月05日 09:33
  • 42B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui常用控件常用方法
举报原因:
原因补充:

(最多只允许输入30个字)