在线演示地址:http://www.miniui.com/demo/#src=tooltip/grid.html
1、dialog需要事先渲染出来,然后才能找到包含在里面的其他页面元素。
2、jQuery EasyUI combobox多选及赋值
1、多选属性multiple multiple:true多选 multiple:false单选 <input class="easyui-combobox" id="xgr" name="xgr" style="width:435px" url='../Source/Public/json.ashx?action=zhymch' data-options="valueField:'zhymch', textField:'zhymch',multiple:true,panelHeight:'auto'" > 2、赋值 1>、单选赋值setValue $('#Id').combobox('setValue','key') 2>、多选赋值setValues 多选key值是一个数组,$('#Id').combobox('setValues','key1,key2,key3'.split(','))
3、easyUi:select标签自定义验证
<select class="easyui-combobox" name="pingTai" id="pingTai" editable=false panelHeight="auto" validType="selectValueRequired['#pingTai']" invalidMessage = "请选择平台"> <option style="width:160px;" value="" >所有平台</option> <c:forEach items="${platforms}" var="platform"> <option style="width:160px;" value="${platform.platformId}" >${platform.platformName}</option> </c:forEach> </select>
$.extend($.fn.validatebox.defaults.rules,{ selectValueRequired : { validator : function(value, param) { console.info($(param[0]).find("option:contains('" + value + "')").val()); return $(param[0]).find("option:contains('" + value + "')").val() != ''; }, message: '该选项不能为空.' } });
4、比较两时间的自定义方法
<td> <input id="beginDate" name="beginDate" type="text" style="width:100px" editable=false class="easyui-datebox" required=true></input> 至 <input id="endDate" name="endDate" type="text" style="width:100px" editable=false class="easyui-datebox" required=true validType="equalsDate['beginDate']" invalidMessage="时间间隔必须大于等于0小于等于30。"></input> </td>
说明:validType="equalsDate['beginDate']" :beginDate为传递过去的参数
//自定义时间输入判断 $.extend($.fn.validatebox.defaults.rules, { equalsDate:{ validator: function(value,param){ var beginDate = $('input[name='+param+']').val(); var endDate = value; var aDate, oDate1, oDate2, iDays; aDate = beginDate.split("-"); oDate1 = new Date(aDate[0] + '-' + aDate[1] + '-' + aDate[2]); //转换为yyyy-MM-dd格式 aDate = endDate.split("-"); oDate2 = new Date(aDate[0] + '-' + aDate[1] + '-' + aDate[2]); iDays = parseInt(Math.round(oDate2 -oDate1) / 1000 / 60 / 60 / 24); //把相差的毫秒数转换为天数 if(iDays>30 || iDays <0){ return false; } return true; }, message: '时间间隔必须大于等于0小于等于30。' } });
说明:
1、equalsDate:自定验证的方法名2、validator: function(value,param):value 为自己文本框的值,param为页面调用时传过来的参数
5、让控件自动适应页面大小
<div id="serachReq" fit="true">......</div>
说明:fit="true",自动适应
6、添加了验证的表单验证
if ($('#userSearchForm').form("validate")) {
}
7、设置列排序
首先再js中设置,那些列可以排序,代码如下:
{field:'showLevel',title:'事件序号',width: 150,align:'center',sortable:true}, {field:'eventNum',title:'数量',width: 150,align:'center',sortable:true}说明:sortable:true表示可以用该列排
相关推荐
这是我自己总结出来easyui-textbox和easyui-combobox的onchange事件响应实例,绝对可用,网上很多实例都无法运行,这个我亲自测试可用使用才传上来的,供大家参考学习。
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
jquery-easyui-1.7.0 官方文档以及源码,演示demo,内容详细
jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2
jquery-easyui-EDT-1.4.2-,包括中文文档以及一些示例,静态资源,各种样式
jQuery EasyUI jquery-easyui-1.5.5.6 版 API 中文版 PDF和chm版本,jQuery
jquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cnjquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cnjquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cn
easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...
该资源为jquery-easyui-1.5.5版本,包含easyui插件所依赖的js和css
jquery-easyui-1.3.1,兼容IE7.0
Jquery-Easyui-1.2.3以及帮助文档
jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip
easyui-lang-zh_CN.js easyui-lang-zh_CN.js 页面开发,使用easyui,进行汉化使用js文件
jquery-easyui-themes,easyui主题包,包含metro-blue metro-gray metro-green metro-orange metro-red ui-cupertino ui-dark-hive ui-pepper-grinder ui-sunny这些主题,具体的php使用方式见:...
jquery-easyui-1.5版本,自带demo可以随时查看,并且包含easyui主要js
easyui-datagrid2-demo.zip
easyui-datagrid之间拖拽效果demo
用easyui-filebox上传Excel文件(ASP.NET MVC)。包括前端html代码和服务器端的C#代码。我写的,亲测可用。
jquery-easyui-1.2 版本 同时包含各种例子:datagrid,tree