由于最近项目的需求,需要做一个下拉选择框的插件,支持单选显示表单数据,多选显示表格数据,该插件主要运用了jQuery与jqgrid以及easyui。
下面给大家展示下效果图，如果大家感觉还不错，请参考实现代码：
多选：呈现列表
具体代码如下所示：
= 10 ? DateIn
.getMonth() + 1 : '0'
+ (DateIn.getMonth() + 1))
+ '-'
+ (DateIn.getDate() >= 10 ? DateIn.getDate()
: '0' + (DateIn.getDate()));
};
/**
* 自定义map
*/
function map () {
this.elements = new Array();
//得到map的大小
this.size = function() {
return this.elements.length;
}
//判断是否为空
this.isEmpty = function() {
return (this.elements.length < 1);
}
//清空
this.clear = function() {
this.elements = new Array();
}
//放进map一个对象
this.put = function(_key,_value) {
this.elements.push( {
key : _key,value : _value
});
}
//根据键去除一个对象
this.remove = function(_key) {
var bln = false;
try {
for (i = 0; i < this.elements.length; i++) {
if (this.elements[i].key == _key && typeof this.elements[i].key == typeof _key) {
this.elements.splice(i,1);
return true;
}
}
} catch (e) {
bln = false;
}
return bln;
}
//根据键得到一个对象
this.get = function(_key) {
try {
for (i = 0; i < this.elements.length; i++) {
if (this.elements[i].key == _key && typeof this.elements[i].key == typeof _key) {
return this.elements[i].value;
}
}
} catch (e) {
return null;
}
}
//返回指定索引的一个对象
this.element = function(_index) {
if (_index < 0 || _index >= this.elements.length) {
return null;
}
return this.elements[_index];
}
//是否包含键
this.containsKey = function(_key) {
var bln = false;
try {
for (i = 0; i < this.elements.length; i++) {
if (this.elements[i].key == _key && typeof this.elements[i].key == typeof _key) {
bln = true;
}
}
} catch (e) {
bln = false;
}
return bln;
}
//是否包含值
this.containsValue = function(_value) {
var bln = false;
try {
for (i = 0; i < this.elements.length; i++) {
if (this.elements[i].value == _value && typeof this.elements[i].value == typeof _value) {
bln = true;
}
}
} catch (e) {
bln = false;
}
return bln;
}
//得到所有的值
this.values = function() {
var arr = new Array();
for (i = 0; i < this.elements.length; i++) {
arr.push(this.elements[i].value);
}
return arr;
}
//得到所有的键
this.keys = function() {
var arr = new Array();
for (i = 0; i < this.elements.length; i++) {
arr.push(this.elements[i].key);
}
return arr;
}
};
/**
* 渲染panel视图
*/
var renderPanelView = function(){
var html = "";
html+="请选择:";
html+="