字段左移右移上移下移等
来源:互联网 发布:windows 安装vc 2014 编辑:程序博客网 时间:2024/05/20 09:45
$(document).ready(function(){
//给按钮注册单击事件
$("ddd").click(function(){
//调用hiBox
hiBox("#dd","导出报表",460,370,'','.a_close');
//注意,网页框弹出来后,在网页框上其他按钮的事件要写在这下面,否则不起作用,另外,选择器不能按单个按钮或图片的id去获取。好了,不废话,上代码。
//字段从左向右移动
$("#popup_content #popup_message #left2right_field").click(function(){
zhuanyi("leftSelect","rightSelect");
});
//字段从右向左移动
$("#popup_content #popup_message #right2left_field").click(function(){
zhuanyi("rightSelect","leftSelect");
});
//字段上移
$("#popup_content #popup_message #upField").click(function(){
shangyi("leftSelect");
});
//字段下移
$("#popup_content #popup_message #downField").click(function(){
xiayi("leftSelect");
});
//字段置顶
$("#popup_content #popup_message #topField").click(function(){
zhiding("leftSelect");
});
//字段置底
$("#popup_content #popup_message #bottomField").click(function(){
zhidi("leftSelect");
});
});
//字段左右移动的方法
var zhuanyi=function(id_1,id_2){
if($("#popup_content #popup_message #"+id_1+" option:selected").length>0){
$("#popup_content #popup_message #"+id_1+" option:selected").each(function(){
$("#popup_content #popup_message #"+id_2).append("<option value='"+$(this).val()+"'>"+$(this).text()
+"</option>");
});
$("#popup_content #popup_message #"+id_1+" option:selected").remove();
}else{
alert("请选择要转移的字段!");
}
};
//上移
var shangyi=function(id){
$("#popup_content #popup_message #"+id+" option:selected").prev()
.before($("#popup_content #popup_message #"+id+" option:selected"));
};
//下移
var xiayi=function(id){
$("#popup_content #popup_message #"+id+" option:selected").next().after($("#popup_content #popup_message
#"+id+" option:selected"));
};
//置顶
var zhiding=function(id){
$($("#popup_content #popup_message #"+id+" option")).first().before($("#popup_content #popup_message #"+id+"
option:selected"));
};
//置底
var zhidi=function(id){
$($("#popup_content #popup_message #"+id+" option")).last().after($("#popup_content #popup_message #"+id+"
option:selected")); };
});
});
});
- 字段左移右移上移下移等
- 用hiAlert插件实现两个select左移右移上移下移等
- javascript实现左移右移上移下移
- 上移下移等操作的通用存储过程
- listBox 上移下移
- div 上移下移技术
- table : 上移,下移,置顶
- jquery select 上移下移
- jquery 控制 上移 下移
- 上移下移操作
- flexgrid的上移下移
- ExtJS4 grid 上移下移
- jquery,js上移下移
- jquery select 上移下移
- jquery select 上移下移
- 思想上移,行动下移!
- js上移下移控件
- 上移、下移功能
- Linux上ln命令详细说明及软链接和硬链接的区别
- http协议学习系列
- eclipse启动失败的是java vm失败解决方法
- 利用ssh传输文件
- 解决configure: error: Subversion requires SQLite
- 字段左移右移上移下移等
- Linux 配置文件详解 - 引用
- crack the code interview 2.1
- JS事件大全
- stagefright与opencore对比
- LD_LIBRARY_PATH设置问题
- Hadoop 2.2.0 Symlink的使用
- jQuery插件 -- Form表单插件jquery.form.js
- ACM进阶计划(来自于南阳理工学院)