easyui相关问题

1、解决easyui的输入框有些属性不起效果的问题

$(".easyui-combobox").each(function(i){
var span = $(this).siblings("span")[0];
var targetInput = $(span).find("input:first");
if(targetInput){
$(targetInput).attr("placeholder", $(this).attr("placeholder"));
}
});

2、按↓键时弹出下拉框

function showPanel(id){
$("input",$("#"+id).next("span")).keyup(function (e) {
if (e.keyCode == 40) {
$("#"+id).combobox("showPanel");
}
});
}

3、省市区三级联动,该方法适合选择省、市时触发

function load(param, success, error,url,parentCode,childCode){
var conditions = [];
var condition = {};
condition.fieldName=parentCode;
condition.operator=0;
condition.lowValue=param;
conditions.push(condition);
var json = {"search_condition" : JSON.stringify(conditions) };
$.ajax({
url: url,
type: "POST",
data: json,
dataType: "json",
success: function(data) {
success(data);
showPanel(childCode)
comboInputPlaceholder();
},
//异常处理
error: function (xml, text, msg) {
error.apply(this, arguments);
}
});
}
function loadAddress(parentCode,childCode,childName,url){
$(‘#‘+parentCode).combobox({
onSelect: function(rec){
var prefix = parentCode.substring(0,parentCode.length-9);//前缀
var prov_code = parentCode.substring(parentCode.length-9,parentCode.length);//截取parentCode值,为后9个字符
var child_code = childCode.substring(childCode.length-9,childCode.length);//截取childCode值,为后9个字符
var child_name = childName.substring(childName.length-14,childName.length);//截取childName值,为后14个字符
if(prov_code == "prov_code"){
var para = rec.code_type;
if(para == undefined || para == "" || para == null){
para = rec[parentCode];
}
$(‘#‘+prefix+"area_code").combobox(‘setValue‘,‘‘);
$(‘#‘+prefix+"area_code").combobox({
valueField: ‘area_code‘,
textField: ‘area_code_name‘,
loader: function(param, success, error){
load(para, success, error,url,prov_code,childCode);

},
filter : function(q, row) {
var opts = $(this).combobox(‘options‘);
return row[opts.textField].indexOf(q) > -1;
},
loadFilter: function(data){
if (data!=null && data.errorCode>0){
if(data.msg!=null && data.msg!=""){
$$.showJcdfMessager(‘提示消息‘, data.msg, ‘warning‘);
}
}
return data.data;
}
});
$(‘#‘+childCode).combobox({
valueField: child_code,
textField: child_name,
loader: function(param, success, error){
load(para, success, error,url,prov_code,childCode);

},
filter : function(q, row) {
var opts = $(this).combobox(‘options‘);
return row[opts.textField].indexOf(q) > -1;
},
loadFilter: function(data){
if (data!=null && data.errorCode>0){
if(data.msg!=null && data.msg!=""){
$$.showJcdfMessager(‘提示消息‘, data.msg, ‘warning‘);
}
}
return data.data;
}
});
}else{
var para = rec[prov_code];
if(!para){
para = rec.code_type;
}
if(para == undefined || para == "" || para == null){
para = rec[prov_code];
}
$(‘#‘+childCode).combobox({
valueField: child_code,
textField: child_name,
loader: function(param, success, error){
load(para, success, error,url,prov_code,childCode);

},
filter : function(q, row) {
var opts = $(this).combobox(‘options‘);
return row[opts.textField].indexOf(q) > -1;
},
loadFilter: function(data){
if (data!=null && data.errorCode>0){
if(data.msg!=null && data.msg!=""){
$$.showJcdfMessager(‘提示消息‘, data.msg, ‘warning‘);
}
}
return data.data;
}
});
}
}
})
}

4、身份证验证

var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"}
function isCardID(sId){
var iSum=0 ;
var info="";
if(!/^\d{17}(\d|x)$/i.test(sId))return false;
sId=sId.replace(/x$/i,"a");
if(aCity[parseInt(sId.substr(0,2))]==null) return false;
sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
var d=new Date(sBirthday.replace(/-/g,"/")) ;
if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return false;
for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11) ;
if(iSum%11!=1) return false;

return true;
}

$.extend($.fn.validatebox.defaults.rules, {
idcared: {
validator: function(value,param){
var flag= isCardID(value);
return flag==true?true:false;
},
message: ‘不是有效的身份证号码‘
},

5、下拉框默认选中第一条数据,调用该方法必须要有initControlSetting()方法,且写在其后

function comboboxFristData(id){
var jq_id = "#"+id;
var data = $(jq_id).combobox(‘getData‘);
if (data.length > 0) {
$(jq_id).combobox(‘select‘, data[0].code_name);
}
}

6、当下拉框中的值为‘请输入‘,点击时清空
function clearcombo(param){
$(".combo").click(function(){
var text = $(‘#‘+param).combobox(‘getText‘);
if(text == "请输入")
$(this).prev().combobox("setValue","");
})
}

时间: 2024-10-17 12:55:14

easyui相关问题的相关文章

easyui相关

1:datagrid获取或太json格式的page 方式一: 2:方式二 2:easyui提示框 1:右下角提示框$.messager.show({ title:'提示', msg:'删除成功', showType:'show'});2:确认提示框$.messager.confirm('提示','确定要删除'+name+'吗?',function(r){ if(r){ ... }}3:居中显示框$.messager.alert('info','提示','',function(){ }); 3:j

easyUI相关文件的引入

引入以下内容: 1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 3 <title>Title</title> 4 <!--先引入jquery,再引入easyui--> 5 <script type="text/javascript" src="jquery-3.4

easyUI相关知识

$("#sportGroupInfoDialog").dialog("open");//打开一个对话框,设置这个对话框的的布局方式 $('#sportGroupInfoDialog').panel('resize', { left: 300, top: 250 }); 设置面板大小和布局.参数对象包含下列属性:width:新的面板宽度.height:新的面板高度.left:新的面板左边距位置.top:新的面板上边距位置. 代码示例: $('#pp').panel('

基于EasyUI Treegrid的权限管理资源列表

1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到的主要是Datagrid组件,这次为了区分资源的父子关系,打造更好的用户体验,遂探索一下Treegrid组件. 2.jQueryEasyUI简介 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的U

【SSH项目实战03】使用EasyUI搭建后台页面框架

前面两节,我们整合了SSH并且抽取了service和action部分的接口,可以说基本开发环境已经搭建好了,这一节我们搭建一下后台的页面.我们讨论一下两种搭建方式:基于frameset和基于easyUI.最后我们会使用easyUI来开发. 1. 抽取公共JSP页面 我们先来看一下当前的jsp页面: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

easyui切换主题

easyui 1.4.2下载地址:点击打开链接 主题有十多个吧 jquery cookie下载地址:点击打开链接 首先页面肯定先导入easyui相关的: 相关界面,我定义了一个切换主题的 <div style="position: absolute;right: 14px;top:42px;"> <div class="easyui-panel" style="padding:5px;font-size: 20px;font-weight

python Flask EasyUI使用说明

0.前言 本文说明如何在flask框架下使用前端组件EasyUI.在flask框架中链接css文件,js脚本和图片等静态文件的方式和其他web服务器存在差别.在flask框架中这些静态文件一般存放与static文件夹中,并通过url_for函数指定static中相对位置和文件名. [代码仓库] 代码仓库位于bitbucket--flask-easyui,请使用支持HTML5的浏览器打开链接. [相关博文] [1]python 扩展库安装 使用第三方镜像源 [2]python Flask 学前班

【EasyUI学习-2】Easyui Tree的异步加载

作者:ssslinppp       1. 摘要 easyui相关的介绍可以上其官网或者百度去搜索,这里不做介绍. Easyui Tree的使用,官网或者easyui中文网站,也有相关介绍,但是官方提供的实例所使用的json是写死的,不是后台实时读取的.在实际的项目中,要显示的tree数据,一般都是从数据库中读取,然后通过通过ajax或者其他技术将tree的json数据发送到前台,然后显示. 本文将介绍easyui tree的异步加载,以及手动展开tree. 2. tree的相关介绍 上图是一个

应用程序框架实战二十七: 基于Mvc+EasyUi+EF+Autofac的CRUD DEMO免费发放,纯干货,附截图

不知不觉,这个系列已经写了好几十篇了.我本来打算把基础介绍完再发放Demo进行整体说明,不过大部分人更喜欢看得见摸得着的表现层,对后端不是太感兴趣,所以我决定先发一个简单的CRUD Demo出来,让大家先感受一下,被应用程序框架封装之后的代码大体是什么样子. 采用EasyUi作为前端框架,主要是它比Dwz强大,另外也是基于Html扩展,比更强大的Ext要简单得多,更重要的是它越来越流行了,对于更详细的决择或前端架构设计,我会在后续文章说明. 虽然是一个简单的单表CRUD操作,但是分层架构和各方面