<%@ Page Language="C#" AutoEventWireup="true" CodeFile="X200906021128.aspx.cs" Inherits="ListBoxs_X200906021128" %>

<!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></title>

    <script type="text/javascript">

        function MoveUP(fElement)

        {

            if (fElement.options.length == 0 || fElement.options[0].selected) return;

            for (var i = 1; i < fElement.options.length; i++)

            {

                if (fElement.options[i].selected)

                {

                    var text = fElement.options[i].text;

                    var value = fElement.options[i].value;

                    var selected = fElement.options[i].selected;

                    fElement.options[i].text = fElement.options[i - 1].text;

                    fElement.options[i].value = fElement.options[i - 1].value;

                    fElement.options[i].selected = fElement.options[i - 1].selected;

                    fElement.options[i - 1].text = text;

                    fElement.options[i - 1].value = value;

                    fElement.options[i - 1].selected = selected;

                }

            }

        }

        function MoveDown(fElement)

        {

            if (fElement.options.length == 0 || fElement.options[fElement.options.length - 1].Selected) return;

            for (var i = fElement.options.length - 1; i > -1; i--)

            {

                if (fElement.options[i].selected)

                {

                    var text = fElement.options[i + 1].text;

                    var value = fElement.options[i + 1].value;

                    var selected = fElement.options[i + 1].selected;

                    fElement.options[i + 1].text = fElement.options[i].text;

                    fElement.options[i + 1].value = fElement.options[i].value;

                    fElement.options[i + 1].selected = fElement.options[i].selected;

                    fElement.options[i].text = text;

                    fElement.options[i].value = value;

                    fElement.options[i].selected = selected;

                }

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ListBox ID="fListBox" runat="server" Height="200px" SelectionMode="Multiple" Width="200px"></asp:ListBox>

        <br />

        <br />

        --- Server Side ------------------------------------------------------

        <br />

        <br />

        <asp:Button ID="btnUp" runat="server" onclick="btnUp_Click" Text="Up" />

        <asp:Button ID="btnDown" runat="server" onclick="btnDown_Click" Text="Down" />

        <br />

        <br />

        --- Client Side ------------------------------------------------------

        <br />

        <br />

        <input type="button" value="UP" onclick="MoveUP(document.getElementById('fListBox'));" />

        <input type="button" value="Down" onclick="MoveDown(document.getElementById('fListBox'));" />

        <br />

         用 Ctrl + 鼠标 或 Ctrl + Shift 鼠标，实现多选或间断多选

    </div>

    </form>

</body>

</html>
using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class ListBoxs_X200906021128 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            for (int i = 0; i < 20; i++)

                fListBox.Items.Add(i.ToString());

        }

    }

    protected void btnUp_Click(object sender, EventArgs e)

    {

        // 没有项，或第一个选中节点已经是第一项，则不处理

        if (this.fListBox.Items.Count == 0 || this.fListBox.Items[0].Selected) return;

        for (int i = 1; i < this.fListBox.Items.Count; i++)

        {

            if (this.fListBox.Items[i].Selected)

                this.ChangeProperty(this.fListBox.Items[i - 1], this.fListBox.Items[i]);

        }

    }

    protected void btnDown_Click(object sender, EventArgs e)

    {

        // 没有项，或最后一个选中节点已经是第一项，则不处理

        if (this.fListBox.Items.Count == 0 || this.fListBox.Items[this.fListBox.Items.Count - 1].Selected) return;

        for (int i = this.fListBox.Items.Count-1; i >-1 ; i--)

        {

            if (this.fListBox.Items[i].Selected)

                this.ChangeProperty(this.fListBox.Items[i], this.fListBox.Items[i+1]);

        }

    }

    private void ChangeProperty(ListItem fFront, ListItem fCurrent)

    {

        string fText = fFront.Text;

        string fValue = fFront.Value;

        bool fSelected = fFront.Selected;

        fFront.Text = fCurrent.Text;

        fFront.Value = fCurrent.Value;

        fFront.Selected = fCurrent.Selected;

        fCurrent.Text = fText;

        fCurrent.Value = fValue;

        fCurrent.Selected = fSelected;

    }

}

listbox多选实现上下移动 js版和服务器版的更多相关文章

  1. Ubuntu桌面版与服务器版有什么不同?

         提到安装Linux,Ubuntu可谓是最受欢迎的.为了满足每个人的需求,出现了不少版本或风格的Ubuntu;其中两项便是桌面版与服务器版.只要发布版本号一致,这两者从核心来说也就是相同的,唯 ...

  2. Ubuntu桌面版与服务器版的区别（转）

    Ubuntu桌面版vs服务器版 提到安装Linux,Ubuntu可谓是最受欢迎的.为了满足每个人的需求,出现了不少版本或风格的Ubuntu:其中两项便是桌面版与服务器版.只要发布版本号一致,这两者从核 ...

  3. 微信支付开发(1) JS API支付V3版（转）

    http://www.cnblogs.com/txw1958/p/wxpayv3-jsapi.html 本文介绍微信支付下的jsapi实现流程 前言 微信支付现在分为v2版和v3版,2014年9月10 ...

  4. ListBox复选框拓展

    Toolkit的LongListMutiSelector的复选框功能,想必许多人都需要吧!然而系统本身控件ListBox虽然也有多选功能,可是外观上却缺乏复选框,选择效果只是颜色变化.于是在上一个项目 ...

  5. js操作文件 HTML5版

    js操作文件 HTML5版,有需要的朋友可以参考下. <!DOCTYPE html> <html> <head> <title>JSFileReader ...

  6. 你不知道的 JS (系列丛书) - 第二版

    你不知道的 JS (系列丛书) - 第二版 You Don't Know JS (book series) - 2nd Edition https://github.com/learning-js-b ...

  7. 使用 js 实现一个简易版的模版引擎

    使用 js 实现一个简易版的模版引擎 regex (function test() { this.str = str; })( window.Test = ...; format() { let ar ...

  8. 使用 js 实现一个简易版的 drag & drop 库

    使用 js 实现一个简易版的 drag & drop 库 具有挑战性的前端面试题 H5 DnD js refs https://www.infoq.cn/article/0NUjpxGrqRX ...

  9. 使用 js 实现一个简易版的动画库

    使用 js 实现一个简易版的动画库 具有挑战性的前端面试题 animation css refs https://www.infoq.cn/article/0NUjpxGrqRX6Ss01BLLE x ...

随机推荐

  1. POJ输出状态的逻辑。

    实測POJ应该是採取一个一个点測.哪个点fail了就输出哪个点的状态,但接下来的点貌似还是要測. 測试方法,1000先測出有6个測点1,2,3,4,6.15,然后交了下面代码. #include &l ...

  2. 编译kernel：内核makefile的作用

    < 嵌入式linux应用完全开发手册 > 韦东山 内核Makefile的使命: 编译哪些内核文件? 读取各级子目录makefile, .config, auto.conf, Kbuild, ...

  3. C++拾遗

    1三个概念 字符串字面值是一串常量字符(是一个常量),字符串字面值常量用双引号括起来的零个或多个字符表示,为兼容C语言,C++中所有的字符串字面值都由编译器自动在末尾添加一个空字符.字符串字面值的类型 ...

  4. [转] iOS应用架构谈 网络层设计方案

    原文地址:http://casatwy.com/iosying-yong-jia-gou-tan-wang-luo-ceng-she-ji-fang-an.html iOS应用架构谈 开篇 iOS应用 ...

  5. Week9（11月4日）

    Part I:提问  =========================== 1. 请问在什么样的情况下会产生并发? 2. 请问在ContosoUniversity案例中,我们采用了哪种并发处理方式? ...

  6. QT5 动态链接库的创建和使用（QT自己做动态库给自己使用）

    记录一下QT5 动态链接库的创建和使用 在文章的最后有完成的代码供下载 1.创建动态链接库 先新建一个库项目 选择chose进入下一下页面,类型选择共享库,输入一个名称:我输入的是sld 再点击下一步 ...

  7. Python 2.7 学习笔记 面向对象的编程

    python是一种面向对象的语言.本文介绍如何用python进行面向对象的编程. 首先我们说下对象和类,类是一种类型的定义,对象是类的实例. 一.内置对象类型(内置类) 其实我们前面已经大量用到了对象 ...

  8. 位操作 写读同步(无线) (语音1760 1700) （ 无线24l01）

    ************************************************************************** * 函数原型: unsigned char ISD ...

  9. weblogic公布的项目用途myeclipse正常启动，点击startWeblogic.cmd报错解决方案

    今天在做项目中遇到的问题.使用weblogic公布的项目,使用myeclipse正常启动,但点击startWeblogic.cmd会报错.我提出了一个class not found.楚是什么问题.后来 ...

  10. Nmon 性能：分析 AIX 和 Linux 性能的免费工具

    原文摘自: http://www.ibm.com/developerworks/cn/aix/library/analyze_aix/ 官网:http://www.ibm.com/developerw ...