<script type ="text/javascript">
function imgRight()
{
var ddlRight=document.getElementById ("LBRight");
var ddlLeft=document.getElementById ("LBLeft");
var count = 0;
for(var i=0;i<ddlLeft.length;i++)
{
count = 0;
if(ddlLeft[i].selected)
{
//查ddlRight在右边是否存在要加的项,如果存在,提示,不加
if(ddlRight.length==0)
{
ddlRight.options.add(new Option(ddlLeft[i].text,ddlLeft[i].value));
document.getElementById ("hiddenLBRightValue").value+=ddlLeft[i].value+","
}
else
{
for(var intRight=0;intRight<ddlRight.length;intRight++)
{
if(ddlRight[intRight].text==ddlLeft[i].text)
{
count++;
}
}
if(count==0)
{
ddlRight.options.add(new Option(ddlLeft[i].text,ddlLeft[i].value));
document.getElementById ("hiddenLBRightValue").value+=ddlLeft[i].value+","
}
}
}
}
}
function imgLeft()
{
var ddlRight=document.getElementById ("LBRight");
for(var i=0;i<ddlRight.length;i++)
{
if(ddlRight[i].selected)
{
ddlRight.remove(ddlRight.selectedIndex);
i--;
}
}
}
function imgUp()
{
var ddlRight=document.getElementById ("LBRight");
var count=0;
if(ddlRight.length!=0)
{
for(var i=0;i<ddlRight.length;i++)
{
if(ddlRight.selectedIndex!=0)
{
if(ddlRight[i].selected)
{
count++;
}
}
else
{
return ;
}
}
if(count!=0)//选中的不是第一项
{
if(ddlRight.selectedIndex<=ddlRight.length-1)
{
//ddlRight.options(ddlRight.selectedIndex).swapNode(ddlRight.options(ddlRight.selectedIndex-1));
var tempSelect=document.createElement ("option");
tempSelect.text=ddlRight.options[ddlRight.selectedIndex].text;
tempSelect.value=ddlRight.options[ddlRight.selectedIndex].value;
ddlRight.options[ddlRight.selectedIndex].text=ddlRight.options[ddlRight.selectedIndex-1].text;
ddlRight.options[ddlRight.selectedIndex].value=ddlRight.options[ddlRight.selectedIndex-1].value;
ddlRight.options[ddlRight.selectedIndex-1].text=tempSelect.text;
ddlRight.options[ddlRight.selectedIndex-1].value=tempSelect.value;
ddlRight.selectedIndex=ddlRight.selectedIndex-1;
}
}
else
{
alert("请先选择要上移的项");
}
}
else
{
alert("该列表中没有数据");
}
}
function imgDown()
{
var ddlRight=document.getElementById ("LBRight");
var count=0;
if(ddlRight.length!=0)
{
for(var i=0;i<ddlRight.length;i++)
{
if(ddlRight.selectedIndex!=ddlRight.length-1)
{
if(ddlRight[i].selected)
{
count++;
}
}
else
{
return ;
}
}
if(count!=0)//选中的不是第一项
{
if(ddlRight.selectedIndex<=ddlRight.length-1)
{
//ddlRight.options(ddlRight.selectedIndex).swapNode(ddlRight.options(ddlRight.selectedIndex-1));
var tempSelect=document.createElement ("option");
tempSelect.text=ddlRight.options[ddlRight.selectedIndex].text;
tempSelect.value=ddlRight.options[ddlRight.selectedIndex].value;
ddlRight.options[ddlRight.selectedIndex].text=ddlRight.options[ddlRight.selectedIndex+1].text;
ddlRight.options[ddlRight.selectedIndex].value=ddlRight.options[ddlRight.selectedIndex+1].value;
ddlRight.options[ddlRight.selectedIndex+1].text=tempSelect.text;
ddlRight.options[ddlRight.selectedIndex+1].value=tempSelect.value;
ddlRight.selectedIndex=ddlRight.selectedIndex+1;
}
}
else
{
alert("请先选择要上移的项");
}
}
else
{
alert("该列表中没有数据");
}
}
分享到:
相关推荐
- 当鼠标移动到 ListBox 上时触发此事件。 - 计算鼠标坐标相对于 ListBox 的位置。 - 使用 `SendMessage` 函数发送 `LB_ITEMFROMPOINT` 消息以获取最接近鼠标的 ListBox 项。 - 如果找到了合法的 ListBox 项,则...
在本文中,我们将深入探讨如何在Windows Forms或ASP.NET环境中实现ListBox的上下左右移动功能,并支持通过Ctrl键进行多选。 首先,我们要理解ListBox的基本操作。在默认情况下,用户可以通过鼠标点击或者上下箭头键...
Angular-angular-dual-listbox.zip,双列表框控件的角度8 组件。角度双列表框,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员...
VB程序实例-在ListBox控件间移动列表项.zip
### WebForm ListBox 控件的使用 #### 一、概述 在 ASP.NET WebForms 开发中,`ListBox` 控件是一种非常实用的选择控件,它允许用户从多个选项中选择一个或多个项目。`ListBox` 控件类似于 HTML 中的 `...
在Tkinter的listbox中实现拖放操作,开发者需要创建一个可以识别DND事件的listbox实例,并设置相应的回调函数来处理拖放过程中的开始、移动和结束事件。例如: ```python import tkinter as tk from tkdnd import ...
本教程将深入探讨如何使用C#和JavaScript技术实现ListBox组件中项的左右移动功能,旨在提高用户体验并实现动态数据操作。 首先,`ListBox`是.NET Framework中的一种控件,常用于在Web应用程序中展示可多选的数据...
总结来说,实现VB.NET ListBox的排序功能需要关注控件的事件处理,通过鼠标操作改变项目顺序,同时可以结合按钮操作进行增减和移动。这不仅可以提高用户与应用程序的交互性,还可以提升数据管理的效率。
在VB应用程序中,我们可能需要实现一个功能,让用户能够方便地在多个ListBox之间移动列表项,以满足不同的操作需求。"在ListBox控件间移动列表项.rar_ListBox_VB listbox"这个例子就提供了这样的功能。 首先,我们...
在LabVIEW编程环境中,多列列表控件(Multicolumn Listbox)是一种强大的用户界面元素,用于展示结构化的数据信息。这个"Easy-multicolumn-listbox-8.6.zip"文件提供了一个关于如何在LabVIEW中有效使用多列列表控件...
这个“一个Delphi新手写的ListBox左右交换内容例子”是一个学习资源,旨在帮助初学者理解如何在Delphi中操作控件,特别是ListBox,进行数据交换。 ListBox是Windows应用程序中常见的控件,它允许用户从列表中选择一...
【标题】"ZK_DEMO-listbox-paging.zip_DEMO_ListBox Java" 是一个与Java相关的压缩包,其中包含了一个示例项目,演示了如何在Java应用程序中实现ListBox的分页功能。ZK是一个基于Java的富客户端用户界面框架,它使得...
在使用Bootstrap Dual Listbox时,你需要确保已经在项目中引入了Bootstrap 4的CSS和JS文件,因为这个插件依赖于Bootstrap的类和JavaScript插件。之后,只需在HTML中添加双列表框的结构,并使用相应的jQuery代码初始...
- 引入依赖:首先需要引入jQuery库、Bootstrap CSS和JavaScript,以及Bootstrap Dual Listbox的CSS和JS文件。 - HTML结构:创建一个带有多个`<option>`的`<select>`元素,给它添加一个特殊的类(如"class='select ...
这个压缩包包含tkdnd库的源代码和编译好的二进制文件,使得Python开发者可以在32位环境下快速集成拖放功能。 安装tkdnd库通常包括以下几个步骤: 1. 解压tkdnd2.8.tar.gz到一个临时目录。 2. 使用Python的distutils...
1. `dist`目录:包含编译后的CSS和JavaScript文件,如`bootstrap-duallistbox.css`和`bootstrap-duallistbox.js`,它们是插件的核心代码。 2. `demo`目录:提供了示例页面,用于展示插件的使用方法和效果。 3. `src`...
本教程将深入探讨如何实现ListBox内的项上下移动的功能,这对于创建具有灵活交互性的用户界面至关重要,特别是当用户需要调整列表顺序时。 首先,我们需要理解ListBox的基本属性和方法。`ListBox`控件的主要属性...
如果你对Delphi中的ListBox控件用法不熟悉,那么本示例会是一个很不错的用法范例,在代码部分,还演示了结合数据库来读取数据交显示到ListBox中的方法。一些ListBox用法代码: if ListBox.ItemIndex>-1 then ...
标题 "color-Listbox.rar_ListBox_color list_color listbox_listbox colo" 暗示我们关注的是如何为ListBox控件应用色彩,特别是在每一行上使用不同的颜色。这种效果通常通过自定义绘制ListBox或者利用第三方库来...
本案例针对VS2019中的Listbox控件,提供了两种实现方式:一是通过鼠标直接拖拽listbox的项进行位置移动,二是使用命令按钮实现项的上下移动。 首先,我们需要了解Listbox的基本属性和方法。Listbox控件是.NET ...