基于框架实现左右上下移动效果

最近再做报表时候，直接把全部字段都导出了，但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制，所以就尝试下咯。

射流研究…代码

所选函数(thiz){ var name=thiz。姓名；if(name==' right ')$(' select[name=' left ']').val(" ")；else $('select[name='right']').val(" ")；}函数shift(thiz){ var right=$(' select[name=' right ']')；var left=$(' select[name=' left ']')；if(thiz=='left' right.val()！=''){ lrShift(右，左);}else if(thiz=='right' left.val()！=''){ lrShift(左，右);} //获取选中的值} //从建筑环境及（同high-voltagealternatingcurrent）高压交互电流系统模拟的软件平台移动到目标函数lrShift(dest，target){ var children=dest。儿童()；var args=//alert(dest。val())；var dests=dest。(var x=0；x dests . length x){ var VATEMP=dests[x]；目标。追加('选项值=' VateMP ' ' ' VateMP '/选项')；//追加目标。find(' option[value=' VateMP ' ']').attr('selected '，true)；//给追加获取焦点for(var y=0；y儿童长度；y )//删除选中的元素{ if(儿童。得到(y)).value==VateMP)$(children。得到(y)).移除();} }目的地。val(" ")；}函数移位值(地址){ var right=$(' select[name=' right ']')；var left=$(' select[name=' left ']')；if(right.val()！=null)移位(右，地址);else if(left.val()！=null)移位(左，地址);}函数移位(目标，地址){ //获取选中的值var Objdata=obj。val()；var children=obj。儿童()；var strs=for(var x=0；x Objdata . length x){ strs=' @ ' Objdata[x]；} //获取要添加位置对象var temp=null if(address==' top '){ var number=find select(children，Objdata[0])；如果((-数字)0)返回；temp=儿童。get(number)；} else { var number=find select(children，Objdata[Objdata]。length-1])；if((number)儿童。长度-1)返回；temp=儿童。get(number)；} //删除选中的值var n=0；var缓冲区=新数组(子级。长度-objdata。长度)；for(var x=0；x儿童。长度；x ) { var值=儿童。得到(x ).价值；if(strs.indexOf(值)==-1)缓冲区[n]=值；} //添加新排序的值物体。empty()；if(address==' top '){ for(var y=0；y缓冲区长度；y){ if(缓冲区[y]==temp。value){ for(var x=0；x objData.lengthx){ obj。追加(' option ' Objdata[x]'/option ')；} } obj。追加(' option ' buffer[y]'/option ')；} } else { for(var y=0；y缓冲区长度；y){ obj。追加(' option ' buffer[y]'/option ')；if(缓冲区[y]==temp。value){ for(var x=0；x objData.lengthx){ obj。追加(' option ' Objdata[x]'/option ')；} } } } //选中值物体。val(Objdata)；}函数find select(select，ObjVaLue){ var number=-1；for(var x=0；x select . length x){ if(ObjVaLue==selections。得到(x ).值)数=x；}返回号码；} 页面调用

差异未导出字段/div div style=' float : left；'select name=' left ' multiple=' multiple ' onchange=' selected(this)' style=' height :350 px；'宽度：200像素选项值='姓名'姓名/option选项值='快件号'快件号/option选项值='快递公司'快递公司/option选项值='首重'首重/option选项值='续重'续重/option/select/div/div style=' float 3360 left；div style=' margin :30 px ' margin-top :110 px；'输入类型=' button ' value=' onclick=' Shift(' left ')'//div div style=' margin :30 px；边距-top :30 px；'输入类型=' button ' value=' onclick=' Shift(' right ')'//div/div style=' margin-top :-20px；'div style='左边距-:22%；'需导出字段/div div style=' float : left；'select name=' right ' multiple=' multiple ' onchange=' selected(this)' style=' height :350 px；'宽度：200像素选项值='首价'首价/option选项值='续价'续价/option选项值='大大'大大/option选项值='小小'小小/option/select/div/div style=' float 3360 left；div style=' margin :30 px ' margin-top :110 px；'输入类型='按钮'值='向上onclick=' shift value(' top ')'//div div style=' margin :30 px；边距-top :30 px；'输入类型='按钮'值='向下onclick=' shift value(' bottom ')'//div/div以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。