easyui常用控件常用方法

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>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值