<%@ 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. Swift入门Hello World! Swift.

    苹果公司推出新的开发语言Swift,随着关于趋势,外观和OC什么是不一样的地方. 前提条件:已安装Xcode6-Beta(这个过程是不表) 1.打开Xcode6-Beta,第二选择Create a n ...

  2. VIM： 解决vi/vim中粘贴时行首出现很多缩进和空格的问题

    解决vi/vim中粘贴时行首出现很多缩进和空格的问题 http://www.jbxue.com/LINUXjishu/12232.html 由于在secureCRT中会将原来的文本原封不动的按照字符串 ...

  3. 配置greenplum参数

    在进行一个greenplum安装之前需要进行配置一下相关的系统参数,否则很容易出现意想不到的错误. 1.修改系统参数 编辑 /etc/sysctl.conf ,以下是最小配置 kernel.shmma ...

  4. struts2上传图片

    在WEB-INF下新建一个content目录,建立一个upload.jsp <%@ page contentType="text/html; charset=UTF-8" l ...

  5. nginx access_log 完全关闭

    最近在配置本地nginx开发环境时,发现一个问题,当server段不指定access_log时,并且http段中也未指定任何 access_log参数时,它会默认写到logs/access.log这个 ...

  6. 基于visual Studio2013解决算法导论之023队列实现（基于数组）

     题目 基于数组的队列 解决代码及点评 #include <stdio.h> #include <stdlib.h> #include <time.h> #i ...

  7. linux mount挂载设备（u盘,光盘,iso等 ）使用说明

    对于新手学习,mount 命令,一定会有很多疑问.其实我想疑问来源更多的是对linux系统本身特殊性了解问题. linux是基于文件系统,所有的设备都会对应于:/dev/下面的设备.如: [cheng ...

  8. 二叉树的前序和中序得到后序 hdu1710

    今天看学长发过来的资料上面提到了中科院机试会有一个二叉树的前序中序得到后序的题目.中科院的代码编写时间为一个小时,于是在七点整的时候我开始拍这个题目.这种类型完全没做过,只有纸质实现过,主体代码半个小 ...

  9. BZOJ AC 200题留念

    话说本来想200AC就把题目总结一下...但是我现在挺懒的..不想弄...以后再来吧.

  10. django-form表单的提交

    <form action="/blog/" method="get"> 如果runserver默认启用127.0.0.1:8000的话,且上面这个f ...