左右列表相互操作控件

一、控件代码封装:

/**
* For:左右列表相互操作控件
* Author:vincan
* Date:2008-10-22
*/
dojo.declare("BaseSelectMoveBox",null,{
listBox1:null,//左列表
cmdIn:null,//添加按钮
cmdOut:null,//移出按钮
listBox2:null,//右列表

/**
* 构造函数:初始化对象、事件绑定
*/
constructor:function(listBox1,cmdIn,cmdOut,listBox2){
this.listBox1=dojo.byId(listBox1);
this.cmdIn=dojo.byId(cmdIn);
this.cmdOut=dojo.byId(cmdOut);
this.listBox2=dojo.byId(listBox2);
dojo.connect(this.listBox1,"ondblclick",this,"moveIn");
dojo.connect(this.cmdIn,"onclick",this,"moveIn");
dojo.connect(this.cmdOut,"onclick",this,"moveOut");
dojo.connect(this.listBox2,"ondblclick",this,"moveOut");
},
/**
* 添加(左列表记录添加到右列表)
*/
moveIn:function(){
for(var i=0;i<this.listBox1.options.length;++i){
if(this.listBox1.options[i].selected){
var option=document.createElement("option");
option.value=this.listBox1.options[i].value;
option.text=this.listBox1.options[i].text;
this.listBox2.options.add(option);
this.listBox1.options.remove(i);
break;
}
}
},
/**
* 移出(右列表记录移出到左列表)
*/
moveOut:function(){
for(var i=0;i<this.listBox2.options.length;++i){
if(this.listBox2.options[i].selected){
var option=document.createElement("option");
option.value=this.listBox2.options[i].value;
option.text=this.listBox2.options[i].text;
this.listBox1.options.add(option);
this.listBox2.options.remove(i);
break;
}
}
},
/**
* 获取列表记录(返回结果以逗号间隔串接,格式形如:a,b,c,d)
* @param listBoxId:列表id(int类型),1为左列表,2为右列表
*/
getListBoxValue:function(listBoxId/**int:1**/){
var listBox;
if(listBoxId==1){
listBox = this.listBox1;
}
else{
listBox = this.listBox2;
}
var numbers=[];
for(var i=0;i<listBox.options.length;++i) numbers.push(listBox.options[i].text);
return numbers.join(",");
},
/**
* 设置列表记录
* @param listBoxId:列表id(int类型),1为左列表,2为右列表
* @param listBoxValue:以逗号间隔串接,格式形如:a,b,c,d
*/
setListBoxValue:function(listBoxId/**int:1**/,listBoxValue/**String:a,b,c,d**/){
var listBox;
if(listBoxId==1){
listBox = this.listBox1;
}
else{
listBox = this.listBox2;
}
if(listBoxValue!=""&&listBoxValue!=null){
/**
* 先删除原有的值
*/
for(var i=listBox.options.length-1;i>=0;--i){
listBox.options.remove(i);
}
/**
* 然后填充新的值
*/
var listBoxValueArray=listBoxValue.split(",");
for(var i=0;i<listBoxValueArray.length;++i){
if(dojo.trim(listBoxValueArray[i])=="") continue;
var option=document.createElement("option");
option.text=listBoxValueArray[i];
listBox.options.add(option);
}
}
},
/**
* 使能设置
*/
setEnabled:function(enabled){
this.listBox1.disabled=!enabled;
this.cmdIn.disabled=!enabled;
this.cmdOut.disabled=!enabled;
this.listBox2.disabled=!enabled;
}
});

二、代码调用:

var faxNumListBox;
dojo.addOnLoad(function(){
faxNumListBox = new BaseSelectMoveBox("左列表id","添加按钮id","移出按钮id","右列表id");
faxNumListBox.setListBoxValue(1,"列表1的值");
faxNumListBox.setListBoxValue(2,"列表2的值");});

三、效果图:
[img]/upload/attachment/46028/0a93a54f-096a-34e7-be99-cf289575dd4e.jpg[/img]
四、简结:
随意写的一个左右列表相互操作控件,适合简单应用,目前只在IE6下运行过,Fiefox和IE7还未测试,有时间的话一定改进,更加美观和通用性更强。
使用前提:dojo库
改进设想:可在左列表中增加一个“快速筛选”的功能,方便左列表记录多时快速查询
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于BERT构建新闻文本分类模型,并结合node.js + vue完成了一个可视化界面。 爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或展示。爬虫通常由搜索引擎、数据挖掘工具、监测系统等应用于网络数据抓取的场景。 爬虫的工作流程包括以下几个关键步骤: URL收集: 爬虫从一个或多个初始URL开始,递归或迭代地发现新的URL,构建一个URL队列。这些URL可以通过链接分析、站点地图、搜索引擎等方式获取。 请求网页: 爬虫使用HTTP或其他协议向目标URL发起请求,获取网页的HTML内容。这通常通过HTTP请求库实现,如Python中的Requests库。 解析内容: 爬虫对获取的HTML进行解析,提取有用的信息。常用的解析工具有正则表达式、XPath、Beautiful Soup等。这些工具帮助爬虫定位和提取目标数据,如文本、图片、链接等。 数据存储: 爬虫将提取的数据存储到数据库、文件或其他存储介质中,以备后续分析或展示。常用的存储形式包括关系型数据库、NoSQL数据库、JSON文件等。 遵守规则: 为避免对网站造成过大负担或触发反爬虫机制,爬虫需要遵守网站的robots.txt协议,限制访问频率和深度,并模拟人类访问行为,如设置User-Agent。 反爬虫应对: 由于爬虫的存在,一些网站采取了反爬虫措施,如验证码、IP封锁等。爬虫工程师需要设计相应的策略来应对这些挑战。 爬虫在各个领域都有广泛的应用,包括搜索引擎索引、数据挖掘、价格监测、新闻聚合等。然而,使用爬虫需要遵守法律和伦理规范,尊重网站的使用政策,并确保对被访问网站的服务器负责。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值