仿照eXcell_link 实现多个超级链接
/*
muti links
多个超级链接
@author wdz123@hotmail.com
@date 2009-01-19
The corresponding cell value in XML should be a "^" delimited list of following values:
1st - Link Text (or "img:image_src")
2nd - URL (optional)
3rd - target (optional, default is _blank)
Samples:
<cell>Stephen King</cell>
<cell>Stephen King^http://www.stephenking.com/</cell>
<cell>Stephen King^http://www.stephenking.com/^_self</cell>
<cell>text1,text2^http://news.sina.com.cn^ ^aaaa^http://news.21cn.com^</cell>
<cell>text1,text2^http://news.sina.com.cn^_self^aaaa^http://news.21cn.com^_blank</cell>
*/
function eXcell_link2(cell){
this.cell = cell;
this.myValue = "";
this.grid = this.cell.parentNode.grid;
this.edit = function(){}
this.getValue = function(){
if(this.cell.firstChild.getAttribute){
if(this.myValue!=""){
return this.myValue;
}
return this.cell.firstChild.innerHTML+"^"+this.cell.firstChild.getAttribute("href")
}
else
return "";
}
this.setValue = function(val){
var flag = true;
var valsAr = val.split("^");
this.myValue = "";
//alert('----valsAr.length===' +valsAr.length);
if(valsAr.length==1){
valsAr[1] = "";
}
else{
if(valsAr.length>1){
if(valsAr.length<4){
valsAr[1] = "href='"+valsAr[1]+"'";
}
if(valsAr.length==3)
valsAr[1]+= " target='"+valsAr[2]+"'";
else if(valsAr.length<3){
valsAr[1]+= " target='_blank'";
}
else if(valsAr.length>3){
this.myValue= val;
var i= valsAr.length % 3;
if(i>0){
i=1;
}
//alert('>3----valsAr.length====' +valsAr.length);
var j= (valsAr.length - valsAr.length % 3 )/3 + i;
var div = "";
var myTarget ="";
var k0,k1,k2;
for(var k=1;k<= j;k++){
k0 = (k-1)*3;
k1 = (k-1)*3+1;
k2 = (k-1)*3+2;
//alert('valsAr[k2]='+valsAr[k2])
if(!valsAr[k2]){
valsAr[k2] ="'_blank'";
}
else{
//alert('valsAr[k2]='+valsAr[k2]+"--xxx==" +valsAr[k2].length);
valsAr[k2] = valsAr[k2].replace(/(^\s*)/g, "");
// alert('valsAr[k2]='+valsAr[k2]+"--xxx==" +valsAr[k2].length);
if(valsAr[k2]==null || valsAr[k2]=='' ||valsAr[k2]==' ' ||valsAr[k2].length<1){
valsAr[k2] ='_blank';
}
valsAr[k2] ="'" +valsAr[k2] + "'";
}
if(k>1){
div = div + " "
}
div = div + "<a href='" + valsAr[k1] + "' " ;
div = div + " target=" + valsAr[k2 ] + ">" + valsAr[k0] + " </a>"
}
this.setCValue(div,valsAr);
//alert('content=' + div);
flag = false;
// this.cell.innerHTML = '<div>' + div +'</div>';
}
}
}
if(flag){
this.setCValue("<a "+valsAr[1]+" onclick='(isIE()?event:arguments[0]).cancelBubble = true;'>"+valsAr[0]+"</a>",valsAr);
}
}
}
eXcell_link2.prototype = new eXcell;
eXcell_link2.prototype.getTitle=function(){
return this.cell.firstChild.getAttribute("href");
}
分享到:
- 2009-01-25 13:47
- 浏览 1531
- 评论(1)
- 论坛回复 / 浏览 (1 / 2931)
- 查看更多
相关推荐
【标题】:“dhtmlx与Java实现的企业管理系统”揭示了如何使用先进的Web开发技术构建高效的企业级应用。dhtmlx是一个强大的JavaScript库,用于创建富客户端界面,而Java,特别是J2EE(Java Platform, Enterprise ...
dhtmlxGrid 表格插件-在网页上实现Excel表功能,这个插件功能挺多,当然包括的示例也比较多,包括了Accordion折叠展开特效、表格中调用Calendar日历、Chart报表、ColorPicker颜色选择器、Combo选项、DataView网页版...
dhtmlxGantt 是一个 JavaScript 组件,能够创建动态的甘特图和以便利的图形化方式查看项目计划。它能够展示各个活动之间的依赖关系,显示当前计划的状态,以完成百分比阴影的方式显示,并将活动归到树形结构中。 1....
**dhtmlxGantt** 是一个强大的JavaScript库,专门用于创建互动式的甘特图。它提供了丰富的功能,使用户能够轻松地展示项目计划、任务管理和时间线,适用于各种Web应用程序。这个资源是2018年从官方网站获取的最新...
DHTMLX是一个用于快速开发Web应用的JavaScript库集合,它包括多个组件,如日历、组合框、编辑器、布局管理器、菜单等。DHTMLX旨在提供丰富的用户界面元素,并具有高度的可定制性。 #### 2. dhtmlxCalendar组件 ...
dhtmlx API dhtmlx 帮助文档dhtmlx API dhtmlx 帮助文档dhtmlx API dhtmlx 帮助文档dhtmlx API dhtmlx 帮助文档dhtmlx API dhtmlx 帮助文档dhtmlx API dhtmlx 帮助文档dhtmlx API dhtmlx 帮助文档
这个压缩包“dhtmlxGantt.rar”包含了dhtmlxGantt的最新版本,以及相关的示例、源代码和使用手册,确保用户能够快速上手并充分利用该库。 首先,`dhtmlx中文使用手册API指南.doc`是针对中国用户的官方文档,其中...
1. **模块化架构**:dhtmlx由多个可组合的组件组成,允许开发者根据需求选择必要的部分。 2. **数据绑定**:可以将UI组件与各种数据源(如JSON、XML或数据库)绑定,实现数据的动态加载和更新。 3. **API友好**:...
开发者可以访问链接(https://blog.csdn.net/qq_27339781/article/details/79869584)获取更多关于dhtmlxGantt v4.0.0的详细信息,了解新功能和改进。 **五、如何使用dhtmlxGantt** 1. **引入库文件**:在HTML页面...
扩展dhtmlx,实现dhtmlXToolbarObject.prototype.addTitleWithIcon2,方便添加页面标题
dhtmlx.js允许开发者在不刷新页面的情况下动态更新内容,实现高度的数据可视化和用户交互性。 3. **dhtmlx中文使用手册API指南.doc**: 这是dhtmlx的中文操作手册,对dhtmlx库的各种组件和API进行了详细解释。通过...
扩展dhtmlx自定义工具条元素dhtmlxtoolbar_dhx_searchbox,待搜索的功能
同时,它还支持插件系统,可以扩展更多功能。 10. **响应式设计**:适应不同设备屏幕尺寸,支持移动设备和触摸操作。 在描述中提到的“全套js”,意味着下载包可能包含了dhtmlxGrid所有相关的JavaScript库和资源,...
dhtmlxGrid实际上就是一个高级的数据表格实现,提供了丰富的功能,如行和列的拖放、单元格合并、自定义样式和模板、多级表头、分组数据、冻结列等。这些特性使得dhtmlxGrid成为处理复杂数据展示和操作的理想选择。 ...
此外,dhtmlxGrid还提供了与其他数据库交互的途径,能够对单元格进行扩展,类似EXCEL,并且具备拆分模式,也称作冻结栏。本文将详细介绍dhtmlxGrid的功能和API操作方法。 #### dhtmlxGrid介绍 1. **自定义XML**: ...
5. **扩展功能**:dhtmlxGrid拥有丰富的插件系统,可以添加如Excel导出、打印、图表等功能。 ### 四、实战应用 dhtmlxGrid广泛应用于企业级Web应用,如数据分析、报表展示、CRM系统等。例如,它可以用于展示和管理...
dhtmlxSuite是dhtmlx的组件套件,其中包括了多个独立但可相互协作的模块,如dhtmlxGrid(表格)、dhtmlxTree(树形视图)、dhtmlxCalendar(日历)等。这些组件可以单独使用,也可以组合使用以满足更复杂的界面需求...
DHTMLX是一个强大的JavaScript库,它提供了一系列组件,用于构建高度交互式的Web应用程序。这个库以其丰富的用户界面元素和功能而闻名,包括树形控件、数据网格、日历以及可编辑、可拖拽和可排序的表格。下面将详细...
本文主要关注的是DHTMLX Grid,一个灵活的数据网格组件,提供了丰富的API和扩展功能。 1. **启用/禁用功能** - `enableCheckBox` 和 `enableRadio` 方法允许用户根据需求启用或禁用多选框和单选框功能。例如,`...