如何提高multiple 多选列表框的大量数据移动到另一个列表框效率
来源:互联网 发布:斯塔克大厦数据 编辑:程序博客网 时间:2024/06/10 01:12
<script language="javascript">
//usage
/*
//start
RunTime("s");
//your code
//end
RunTime("f");
*/
var start_time;
var finish_time;
function RunTime(flag,show_id){
if (flag == "start" || flag == "s"){
start_time = new Date();
}else if (flag == "finish" || flag == "f" || flag == "end"){
finish_time = new Date();
var mms = finish_time.getTime() - start_time.getTime();
var ms = mms/1000;
var m = parseInt(ms/60);
var s = parseInt(ms%60);
var show = mms + " ms" + "<br>" + ms + " seconds <br>" + m + " minutes " + s + " seconds";
var show_alert = mms + " ms /n" + ms + " seconds /n" + m + " minutes " + s + " seconds";
if (typeof show_id != "undefined")
document.getElementById(show_id).innerHTML = show;
else alert(show_alert);
}
}
</script>
<script>
function $$(id){
return document.getElementById(id);
}
//change mult select
function moveItem(SourceID,TargetID)
{
/**************************************************/
//start time
RunTime("s");
/**************************************************/
var objSource = document.getElementById(SourceID);
var objTarget = document.getElementById(TargetID);
var i,j,k,n,m,sValue,sText;
i=0;j=0;k=0;
var temp=0;
var TextArray = new Array();
var ValueArray = new Array();
for (i=0;i<objSource.length;i++) {
if (objSource.options[i].selected==true&&objSource.options[i].value!="0") {
TextArray[j] = objSource.options[i].text;
ValueArray[j] = objSource.options[i].value;
i--;
objSource.options[objSource.selectedIndex] = null;
j++;
}
}
for (n=0;n<j;n++) {
sText = TextArray[n];
sValue = ValueArray[n];
oOption = new Option();
oOption.text = sText;
oOption.value = sValue;
for (m=0;m<objTarget.length;m++) {
if (objTarget.options[m].value==sValue)
temp++;
}
if (temp==0)
objTarget.options[objTarget.length] = oOption;
temp=0;
}
/**************************************************/
RunTime("f","show_time");
//end time
/**************************************************/
// todayDate=new Date();
//today=todayDate.getSeconds();
//alert(todayDate.getMinutes()+"分"+today+"秒");
}
/*function moveItem(SourceID,TargetID){
todayDate=new Date();
today=todayDate.getSeconds();
alert(todayDate.getMinutes()+"分"+today+"秒");
var e1 = document.getElementById(SourceID);
var e2 = document.getElementById(TargetID);
pos_sel_start=e2.outerHTML.indexOf('</SELECT>');
tem_sel=e2.outerHTML.substr(0,pos_sel_start);
for(var i=0;i<e1.options.length;i++){
if(e1.options[i].selected){
var e = e1.options[i];
option_str="<option value='"+e.value+"'>"+e.text+"</option>";
tem_sel=tem_sel+option_str;
e1.remove(i);
i=i-1;
}
}
tem_sel=tem_sel+'</SELECT>';
e2.outerHTML=tem_sel;
todayDate=new Date();
today=todayDate.getSeconds();
alert(todayDate.getMinutes()+"分"+today+"秒");
}
*/
//20080527 modify by dongxind
/*function moveItem(sourceID, targetID)
{
//todayDate=new Date();
//today=todayDate.getSeconds();
//alert(todayDate.getMinutes()+"分"+today+"秒");
var_select="#"+sourceID+" option:selected";
//alert (" <b>Multiple:</b> " + $("#"+sourceID).val().join(","));
//var i=1;
$(var_select).each(function (index, domEle) {
// domEle == this
// $(domEle).clone().appendTo$("#"+targetID);
option_str="<option value='"+$(domEle).val()+"'>"+$(domEle).text()+"</option>";
$("#"+targetID).prepend(option_str);
$(domEle).remove();
//i++
});
// todayDate=new Date();
//today=todayDate.getSeconds();
//alert(todayDate.getMinutes()+"分"+today+"秒");
//alert(i);
}*/
</script>
<table border="0" id="duallist" class="panel ac" width="500" cellpadding="0" cellspacing="0">
<tr>
<td class="p0" width="45%">
未关联 <br>
<select multiple name="user_unsel" id="user_unsel" size="7" class="role_select" ondblclick="checkUserDetail(this)">
<?php
for ($i=0;$i<7000;$i++){
echo "<option value='{$i}'>{$i}</option>";
}
?>
</select></td>
<td align="center" width="10%"><input type="button" class="buttonk" onClick="moveItem('user_unsel', 'user_sel')" value="-->"><br><br>
<input type="button" class="buttonk" onClick="moveItem('user_sel', 'user_unsel')" value="<--"></td>
<td width="45%">已关联 <br>
<select multiple name="user_sel[]" id="user_sel" size="7" class="role_select" ondblclick="checkUserDetail(this)">
</select></td>
</tr>
</table>
<div id="show_time"></div>
//usage
/*
//start
RunTime("s");
//your code
//end
RunTime("f");
*/
var start_time;
var finish_time;
function RunTime(flag,show_id){
if (flag == "start" || flag == "s"){
start_time = new Date();
}else if (flag == "finish" || flag == "f" || flag == "end"){
finish_time = new Date();
var mms = finish_time.getTime() - start_time.getTime();
var ms = mms/1000;
var m = parseInt(ms/60);
var s = parseInt(ms%60);
var show = mms + " ms" + "<br>" + ms + " seconds <br>" + m + " minutes " + s + " seconds";
var show_alert = mms + " ms /n" + ms + " seconds /n" + m + " minutes " + s + " seconds";
if (typeof show_id != "undefined")
document.getElementById(show_id).innerHTML = show;
else alert(show_alert);
}
}
</script>
<script>
function $$(id){
return document.getElementById(id);
}
//change mult select
function moveItem(SourceID,TargetID)
{
/**************************************************/
//start time
RunTime("s");
/**************************************************/
var objSource = document.getElementById(SourceID);
var objTarget = document.getElementById(TargetID);
var i,j,k,n,m,sValue,sText;
i=0;j=0;k=0;
var temp=0;
var TextArray = new Array();
var ValueArray = new Array();
for (i=0;i<objSource.length;i++) {
if (objSource.options[i].selected==true&&objSource.options[i].value!="0") {
TextArray[j] = objSource.options[i].text;
ValueArray[j] = objSource.options[i].value;
i--;
objSource.options[objSource.selectedIndex] = null;
j++;
}
}
for (n=0;n<j;n++) {
sText = TextArray[n];
sValue = ValueArray[n];
oOption = new Option();
oOption.text = sText;
oOption.value = sValue;
for (m=0;m<objTarget.length;m++) {
if (objTarget.options[m].value==sValue)
temp++;
}
if (temp==0)
objTarget.options[objTarget.length] = oOption;
temp=0;
}
/**************************************************/
RunTime("f","show_time");
//end time
/**************************************************/
// todayDate=new Date();
//today=todayDate.getSeconds();
//alert(todayDate.getMinutes()+"分"+today+"秒");
}
/*function moveItem(SourceID,TargetID){
todayDate=new Date();
today=todayDate.getSeconds();
alert(todayDate.getMinutes()+"分"+today+"秒");
var e1 = document.getElementById(SourceID);
var e2 = document.getElementById(TargetID);
pos_sel_start=e2.outerHTML.indexOf('</SELECT>');
tem_sel=e2.outerHTML.substr(0,pos_sel_start);
for(var i=0;i<e1.options.length;i++){
if(e1.options[i].selected){
var e = e1.options[i];
option_str="<option value='"+e.value+"'>"+e.text+"</option>";
tem_sel=tem_sel+option_str;
e1.remove(i);
i=i-1;
}
}
tem_sel=tem_sel+'</SELECT>';
e2.outerHTML=tem_sel;
todayDate=new Date();
today=todayDate.getSeconds();
alert(todayDate.getMinutes()+"分"+today+"秒");
}
*/
//20080527 modify by dongxind
/*function moveItem(sourceID, targetID)
{
//todayDate=new Date();
//today=todayDate.getSeconds();
//alert(todayDate.getMinutes()+"分"+today+"秒");
var_select="#"+sourceID+" option:selected";
//alert (" <b>Multiple:</b> " + $("#"+sourceID).val().join(","));
//var i=1;
$(var_select).each(function (index, domEle) {
// domEle == this
// $(domEle).clone().appendTo$("#"+targetID);
option_str="<option value='"+$(domEle).val()+"'>"+$(domEle).text()+"</option>";
$("#"+targetID).prepend(option_str);
$(domEle).remove();
//i++
});
// todayDate=new Date();
//today=todayDate.getSeconds();
//alert(todayDate.getMinutes()+"分"+today+"秒");
//alert(i);
}*/
</script>
<table border="0" id="duallist" class="panel ac" width="500" cellpadding="0" cellspacing="0">
<tr>
<td class="p0" width="45%">
未关联 <br>
<select multiple name="user_unsel" id="user_unsel" size="7" class="role_select" ondblclick="checkUserDetail(this)">
<?php
for ($i=0;$i<7000;$i++){
echo "<option value='{$i}'>{$i}</option>";
}
?>
</select></td>
<td align="center" width="10%"><input type="button" class="buttonk" onClick="moveItem('user_unsel', 'user_sel')" value="-->"><br><br>
<input type="button" class="buttonk" onClick="moveItem('user_sel', 'user_unsel')" value="<--"></td>
<td width="45%">已关联 <br>
<select multiple name="user_sel[]" id="user_sel" size="7" class="role_select" ondblclick="checkUserDetail(this)">
</select></td>
</tr>
</table>
<div id="show_time"></div>
- 如何提高multiple 多选列表框的大量数据移动到另一个列表框效率
- 将一个列表的数据复制到另一个列表中。
- 一个下拉列表框到另一个下拉列表框
- javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
- 用JavaScript实现两个列表框的数据移动
- 三个提高Oracle处理大量数据效率的有效途径
- [Android] 提高ORMLite插入大量数据效率的解决方案
- 提高插入大量数据时的运行效率
- 数据库优化及提高大量数据的查询效率
- 数据库优化及提高大量数据的查询效率
- 移动列表框
- 设置DBGrid某列具有下拉列表框,下拉另一个DataSet的数据
- Select列表框交换数据(左右移动交换数据)
- 列表框的左右上下移动
- java 程序里如何实现从一个列表中拖动一个元素到另一个列表中?
- 如何提高insert大批量数据的效率
- jquery 将选中的列表项添加给另一个列表框、将全部的列表项添加给对方
- JQuer版---列表框移动
- 页面缓存策略
- zipfile的重新封装
- 关于接口的理解问题
- 文件操作
- MySql Connector-Net 所有版本的下载地址
- 如何提高multiple 多选列表框的大量数据移动到另一个列表框效率
- OO设计原则
- MVC模式
- 谷歌蝉联美国最佳MBA雇主
- 国际:十个习惯让你精通新的开发技术
- 高校学生工作信息系统研究
- 水晶报表异常和常规报错处理之总汇
- ext动态创建grid
- 坐飞机不是因为它安全—谈Windows和Linux安全性之争