两个Listbox内容左右互相移动

最新推荐文章于 2020-10-10 13:58:02 发布
最新推荐文章于 2020-10-10 13:58:02 发布
阅读量221 收藏
点赞数
文章标签： python javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/xioxu/archive/2008/08/27/1277843.html
版权

使用javascript左右互移，然后使用Hidden记住右边listbox的内容，用于服务端处理。

 

 

ContractedBlock.gif ExpandedBlockStart.gif 页面代码
<%@ Page Language="C#" EnableEventValidation="false" AutoEventWireup="true" CodeFile="PropertyConfigManager.aspx.cs" Inherits="PropertyConfigManager" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
<script language="javascript" type="text/javascript">

function moveLeftOrRight(leftObjId,RightObjId,txtId,isMoveAll,isLeftToRight)       
ExpandedBlockStart.gifContractedBlock.gif{       
    var fromObj; 
    var toObj; 
    
    if(isLeftToRight)
ExpandedSubBlockStart.gifContractedSubBlock.gif    {
      fromObj = document.getElementById(leftObjId);
      toObj = document.getElementById(RightObjId);
    }
    else
ExpandedSubBlockStart.gifContractedSubBlock.gif    {
      fromObj = document.getElementById(RightObjId);
      toObj = document.getElementById(leftObjId);
    }
    
    var hiddenProperties = document.getElementById(txtId);
    
    var lengthOfToObj=toObj.length;   
    for(var i=fromObj.length-1;i>-1;i--)   
ExpandedSubBlockStart.gifContractedSubBlock.gif    {   
        if(isMoveAll || fromObj.options[i].selected)   
ExpandedSubBlockStart.gifContractedSubBlock.gif        {   
            if(isLeftToRight)
ExpandedSubBlockStart.gifContractedSubBlock.gif            {
               hiddenProperties.value = hiddenProperties.value + fromObj.options[i].value+",";
            }
            else
ExpandedSubBlockStart.gifContractedSubBlock.gif            {
               hiddenProperties.value = hiddenProperties.value.replace(fromObj.options[i].value+",","");
            }
           
            toObj.add(new Option(fromObj.options[i].text,fromObj.options[i].value),lengthOfToObj);   
            toObj.options[lengthOfToObj].selected=true;
            fromObj.options[i].removeNode(true);   
        }  
    }   
}

// ]]>
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table width=100%>
      <tr>
      <td><asp:Label ID="_labelRepositories" runat="server" Text="Repository list" Width="170px"></asp:Label></td>
       <td>
         <asp:Label ID="_lableObjectType" runat="server" Text="Object Type" Width="170px"></asp:Label></td>
         <td></td>
         </tr>
     <tr>
       <td>
        <asp:DropDownList ID="_repositoriesList" runat="server" Width="218px" AutoPostBack="True" OnSelectedIndexChanged="_repositoriesList_SelectedIndexChanged">
         </asp:DropDownList>
       </td>
        
       <td>
         <asp:DropDownList ID="_dropdownListObjectType" runat="server" Width="218px" AutoPostBack="True" OnSelectedIndexChanged="_dropdownListObjectType_SelectedIndexChanged">
         </asp:DropDownList></td>
         <td></td></tr>
     <tr><td>
         <asp:Label ID="_availablePropertiesLabel" runat="server" Text="Available Properties" Width="170px"></asp:Label></td><td style="width: 5px"></td><td>
         <asp:Label ID="_selectedPropertiesLabel" runat="server" Text="Selected Properties" Width="170px"></asp:Label></td></tr>
      <tr>
      <td>
          <asp:ListBox ID="_availableProperties" runat="server" SelectionMode="Multiple"></asp:ListBox></td>
         <td style="width: 5px">
          <table>
           <tr>
             <td>
                 <input id="_buttonAdd" type="button" value="Add  >" onclick="<%="javascript:moveLeftOrRight('"+_availableProperties.ClientID+"','"+_selectedProperties.ClientID+"','"+_hiddenSelectedProerties.ClientID+"',false,true);" %>"  /></td>
            </tr>
            <tr>
             <td style="height: 26px"><input id="_buttonRemove" type="button" value="Remove  <" size="" onclick="<%="javascript:moveLeftOrRight('"+_availableProperties.ClientID+"','"+_selectedProperties.ClientID+"','"+_hiddenSelectedProerties.ClientID+"',false,false);" %>"/></td>
            </tr>
            <tr>
             <td><input id="_buttonAddAll" type="button" value="Add All >>"  onclick="<%="javascript:moveLeftOrRight('"+_availableProperties.ClientID+"','"+_selectedProperties.ClientID+"','"+_hiddenSelectedProerties.ClientID+"',true,true);" %>" /></td>
            </tr>
             <tr>
             <td><input id="_buttonRemoveAll" type="button" value="Remove All <<" onclick="<%="javascript:moveLeftOrRight('"+_availableProperties.ClientID+"','"+_selectedProperties.ClientID+"','"+_hiddenSelectedProerties.ClientID+"',true,false);" %>" /></td>
            </tr>
          </table>
        </td><td>
          <asp:ListBox ID="_selectedProperties" runat="server" SelectionMode="Multiple"></asp:ListBox></td></tr>
        <tr>
            <td>
                <asp:HiddenField ID="_hiddenSelectedProerties" runat="server" />
            </td>
            <td style="width: 5px">
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td style="width: 5px">
            </td>
            <td align="right" > 
                <table>
                    <tr>
                        <td style="width: 100px">
        <asp:Button ID="_buttonOK" runat="server" Text="OK" OnClick="_buttonOK_Click" /></td>
                        <td style="width: 100px">
                            <asp:Button ID="_buttonCancel" runat="server" Text="Cancel" /></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
        <br />
        </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/xioxu/archive/2008/08/27/1277843.html

weixin_33828101
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C#js实现ListBox左右移动
12-05
C#js实现ListBox左边的移动到右边，右边的移动到左边
左右两个ListBox互相交换数据VC++版
03-29
左右两个ListBox互相交换数据VC++版 左右两个ListBox互相交换数据，VC++版源码实现，也就是文本数据在两个ListBox之间相互传递，这种用法在WEB开发中应用广泛 ，最早发现是在招聘网站、IT产品网站，用于高级产品搜索...
两个ListBox中的项互相移动及上下移动
weixin_34319640的博客
03-27 152
好像CodeProject里有功能非常强大的类似控件，这里没必要用自定义控件。左右移动就是简单的选择项增加删除，上下移动使用了高级语法，值得一学。using System;using System.Collections.Generic;using System.Linq;using System.Text;using WinForm = System.Windows.Forms;public s...
使用javascript实现两个listbox中list的移动
weixin_30685047的博客
10-16 109
使用javascript实现两个listbox中list的移动说明：1.ListBox为服务器端控件，list可以在服务器端初始化2.Button可以为服务器端，也可以为客户端控件：如果为服务器端控件，需要在页面初始化的时候为其添加事件处理为：btn_updaddrel.Attributes.Add("OnClick","javascript:add();");如果为客户端控件，则在声明控件的...
基于JQUERY的两个ListBox子项互相调整的实现代码
10-28
在本文中，我们将深入探讨如何使用jQuery来实现在两个ListBox之间互相调整子项的功能。这个功能常见于用户界面中，允许用户在多个选项之间进行选择和分配，例如在选择颜色时，用户可以从一个列表中选择并添加到另一...
VS2010写的两个Listbox控件多选相互移动和删除
08-22
VS2010写的两个Listbox控件，可以单选、多选列表中的行，通过Button按钮移动到另一个Listbox，还可以鼠标双击一行，移动到另一个表中；代码全部添加清晰的注解，每一步都清晰明了，不好用随便喷。部分代码： //获取...
C# WinForm两个listBox之间的Item互相拖动
11-02
本主题聚焦于“C# WinForm两个listBox之间的Item互相拖动”这一功能，这涉及到Windows窗体应用程序中的事件处理、鼠标操作以及数据传输。下面将详细阐述实现这个功能的关键知识点。 首先，我们要了解`ListBox`控件...
俩个ListBox互相拖拽
12-20
在这里，我们有两个ListBox控件，用户可以通过拖放操作在它们之间移动元素，实现数据的动态调整。 首先，我们需要理解ListBox的基本概念。ListBox是Windows GUI中的一种常见控件，用于显示一列可选择的项目。在C#或...
C# WinForm 用两个listBox之间的Item互相拖动
06-26
C# WinForm 用两个listBox之间的Item互相拖动 京华志&精华志出品 希望大家互相学习，互相进步 支持CSDN 支持微软 主要包括C# ASP.NET SQLDBA 源码 毕业设计 开题报告 答辩PPT等
asp.net中两个ListBox 左右互相移动，以及上移、下移 .
黑鹰
04-01 1788
[csharp] view plaincopyprint?                               "leftListBox" runat="server" Width="200" Height="150" SelectionMode="Multiple">                  "广州" Value="广州">                  "深
两个ListBox的相互操作
weixin_30578677的博客
07-26 148
两个ListBox的相互操作有四个按：全选，单选，反单选，反全选．一．一种情况是这四个按钮用服务器控件： /**////<summary>///选中全部///</summary>///<paramname="sender"></param>///<paramname="e"><...
winform 两个listBox左右互移，支持多选或单选移动，移动时源listBox除移已除动的Items
黑鹰
04-02 1516
LstCtrlMove_Mgr  移动类   using System; using System.Collections; using System.Collections.Generic; using System.Data; using System.Windows.Forms; namespace MobileAnalysis.function {     ///
asp.net中ListBox列表项在客户端的选择移动
我的IT世界
05-17 2025
在web开发中，经常需要在客户端执行一些代码，比如对用户输入的注册信息进行有效性验证。在Asp.net中，控件的属性是默认设置为自动回传的，也就是说客户端会将数据自动提交给服务器然后刷新页面，这样不仅会增加提交服务器的次数，而且很多情况下会得到非预期的结果，最好的方法是让这些操作在客户端进行，然后一次性提交给服务器，这样既能减少数据提交量，也能免去用户对页面刷新的不适感。我们经常遇到的一种应用
两个ListBox之间单向拖动
小书童的博客
10-10 225
向外拖动的增加一个PreviewMouseLeftButtonDown事件 <ListBox ItemTemplate="{DynamicResource HoleListTemplate}" PreviewMouseLeftButtonDown="ListBox_MouseDown" ItemsSource="{Binding PGHoles}"> <ListBox.ItemsPanel> <ItemsPanelTemplate>
VB.NET两个LISTBOX进行交换数据
wl58796351的专栏
10-10 1534
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnRightMove.Click, LstAll.DoubleClick '右
c#实现listbox左右移动
最新发布
05-24
1. 创建两个 ListBox 控件，并分别命名为 listBox1 和 listBox2。 2. 在 listBox1 中添加一些项。 3. 实现左右移动功能的代码如下： ```csharp // 将 listBox1 中选中的项移动到 listBox2 foreach (var item in ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值