150 lines
3.8 KiB
JavaScript
150 lines
3.8 KiB
JavaScript
/**
|
||
edittable 编辑单元格
|
||
caratename：chenxihu
|
||
caratetime：214-04-06 21:40:00
|
||
email:qqqq2900@126.com
|
||
homepage:www.xh829.com
|
||
*/
|
||
|
||
(function ($) {
|
||
|
||
function edittable(element, options){
|
||
var obj = element;
|
||
var can = options;
|
||
var rand = ''+parseInt(Math.random()*99999)+'';
|
||
var me = this;
|
||
var timeci = 0;
|
||
this.rand = rand;
|
||
|
||
//初始化
|
||
this.init = function(){
|
||
var o = obj.find('[edittable]');
|
||
var len = o.length;
|
||
for(var i=0;i<len;i++){
|
||
$(o[i])[can.trigger](function(){
|
||
me.changcell($(this));
|
||
});
|
||
}
|
||
};
|
||
this.changcell = function(o){
|
||
var ntml = o.html();
|
||
if(ntml.indexOf('input')>=0 || ntml.indexOf('INPUT')>=0 || ntml.indexOf('SELECT')>=0 || ntml.indexOf('select')>=0)return false;
|
||
|
||
timeci++;
|
||
var fid = o.attr('edittable');//字段名
|
||
var ocaa= can.data[fid];
|
||
var xty = 'text';
|
||
if(ocaa)if(ocaa.xtype)xty = ocaa.xtype;
|
||
var val = o.text(),
|
||
nid = 'edittable_'+rand+'_'+timeci+'',
|
||
off = o.offset(),
|
||
wid = o.width(),
|
||
canslw = 'fields="'+fid+'" id="'+nid+'" changeid="'+js.changeid+'"';
|
||
s='',
|
||
othval = ntml.replace(val,'');
|
||
if(xty == 'text'){
|
||
s+= '<input style="width:'+(wid-10)+'px;line-height:18px;height:25px;border:1px #888888 solid;padding:0px 3px" '+canslw+'>';
|
||
o.html(s);
|
||
var o1 = $('#'+nid+'');
|
||
o1.focus();
|
||
o1.val(val);
|
||
o1.blur(function(){
|
||
me.textblur($(this),val,o,othval);
|
||
});
|
||
}
|
||
if(xty == 'select'){
|
||
var da = ocaa.store;
|
||
s+= '<select style="width:'+wid+'px" '+canslw+'>';
|
||
for(var i=0; i<da.length; i++){
|
||
var v1 = '',v2 = '',v = da[i];
|
||
if(typeof(v)!='object'){
|
||
v1 = v;
|
||
v2 = v;
|
||
}else{
|
||
var oi = 0;
|
||
if(v[0]){
|
||
v1 = v[0];
|
||
v2 = v[0];
|
||
if(v[1])v2=v[1];
|
||
}else{
|
||
v1 = v.value;
|
||
v2 = v.name;
|
||
}
|
||
}
|
||
s+='<option '+((v1==val)?'selected':'')+' value="'+v1+'">'+v2+'</option>';
|
||
}
|
||
s+='</select>';
|
||
o.html(s);
|
||
var o1 = $('#'+nid+'');
|
||
o1.focus();
|
||
o1.blur(function(){
|
||
me.textblur($(this),val,o);
|
||
});
|
||
}
|
||
if(xty == 'checkbox'){
|
||
var che = '',
|
||
dis = ocaa.display,
|
||
cval= 0;
|
||
for(var i=0;i<dis.length;i++){
|
||
if(dis[i]==strreplace(val)){
|
||
cval = i;
|
||
}
|
||
}
|
||
if(cval==1)che='checked';
|
||
s+= '<input type="checkbox" '+che+' '+canslw+'>'+ocaa.label+'';
|
||
o.html(s);
|
||
var o1 = $('#'+nid+'');
|
||
o1.focus();
|
||
o1.blur(function(){
|
||
me.checkboxblur(this,cval,o);
|
||
});
|
||
}
|
||
can.changcell(o);
|
||
};
|
||
this.checkboxblur = function(o1,oval,oba){
|
||
var nval = '0';
|
||
if(o1.checked)nval='1';
|
||
var o = $(o1);
|
||
var fields = o.attr('fields');
|
||
this.savedata(o,nval,oval);
|
||
var ocaa= can.data[fields];
|
||
var s = '<font color="'+ocaa.displaycolor[nval]+'">'+ocaa.display[nval]+'</font>';
|
||
oba.html(s);
|
||
};
|
||
//保存数据
|
||
this.savedata = function(o,nval,oval){
|
||
if(nval == oval)return;
|
||
var canid = o.attr('changeid');
|
||
var fields = o.attr('fields');
|
||
var saveurl = can.saveurl;
|
||
can.savedata(saveurl,{id:canid,fields:fields,newvalue:nval,table:can.table,keyfields:can.keyfields},function(da){
|
||
|
||
});
|
||
}
|
||
this.textblur = function(o,oval,oba,ovs){
|
||
var nval = o.val();
|
||
if(!ovs)ovs = '';
|
||
o.remove();
|
||
this.savedata(o,nval,oval);
|
||
oba.html(ovs+nval);
|
||
}
|
||
}
|
||
|
||
$.fn.edittable = function(options){
|
||
var defaultVal = {
|
||
trigger:'dblclick', //默认双击编辑
|
||
data:{},
|
||
keyfields:'id',//主键字段名
|
||
saveurl:js.getajaxurl('saveeditable','user','system'), //保存表格的地址
|
||
savedata:function(url,das,sboole){
|
||
$.post(url,das,sboole);
|
||
},
|
||
changcell:function(){}
|
||
};
|
||
var can = $.extend({}, defaultVal, options);
|
||
var funcls = new edittable($(this), can);
|
||
funcls.init();
|
||
return funcls;
|
||
};
|
||
|
||
})(jQuery); |