easyui常用控件常用方法
2015-11-20 16:51
609 查看
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>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- easyui------显示隐藏列功能
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- IE8开发人员工具教程(二)