easyui常用控件常用方法

古城微笑少年丶 2022-08-10 09:55 441阅读 0赞

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>