`
wdzwdz
  • 浏览: 31954 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

dhtmlx 扩展eXcell 实现多个超级链接

阅读更多
仿照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 + "&nbsp;&nbsp;&nbsp;"
}
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");
}



分享到:
评论
1 楼 wdzwdz 2009-01-25  
效果图
参考附件 图片中的第4行,同事提供sina, 21cn的链接

相关推荐

    dhtmlx与java实现的企业管理系统

    【标题】:“dhtmlx与Java实现的企业管理系统”揭示了如何使用先进的Web开发技术构建高效的企业级应用。dhtmlx是一个强大的JavaScript库,用于创建富客户端界面,而Java,特别是J2EE(Java Platform, Enterprise ...

    dhtmlxGrid 表格插件-在网页上实现Excel表功能.rar

    dhtmlxGrid 表格插件-在网页上实现Excel表功能,这个插件功能挺多,当然包括的示例也比较多,包括了Accordion折叠展开特效、表格中调用Calendar日历、Chart报表、ColorPicker颜色选择器、Combo选项、DataView网页版...

    dhtmlxGantt.doc

    dhtmlxGantt 是一个 JavaScript 组件,能够创建动态的甘特图和以便利的图形化方式查看项目计划。它能够展示各个活动之间的依赖关系,显示当前计划的状态,以完成百分比阴影的方式显示,并将活动归到树形结构中。 1....

    dhtmlxGantt 官网甘特图示例最新 2018

    **dhtmlxGantt** 是一个强大的JavaScript库,专门用于创建互动式的甘特图。它提供了丰富的功能,使用户能够轻松地展示项目计划、任务管理和时间线,适用于各种Web应用程序。这个资源是2018年从官方网站获取的最新...

    DHTMLX中文API开发手册

    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 帮助文档dhtmlx API dhtmlx 帮助文档dhtmlx API dhtmlx 帮助文档

    dhtmlxGantt.rar

    这个压缩包“dhtmlxGantt.rar”包含了dhtmlxGantt的最新版本,以及相关的示例、源代码和使用手册,确保用户能够快速上手并充分利用该库。 首先,`dhtmlx中文使用手册API指南.doc`是针对中国用户的官方文档,其中...

    dhtmlx+git.zip

    1. **模块化架构**:dhtmlx由多个可组合的组件组成,允许开发者根据需求选择必要的部分。 2. **数据绑定**:可以将UI组件与各种数据源(如JSON、XML或数据库)绑定,实现数据的动态加载和更新。 3. **API友好**:...

    dhtmlxGantt_v4.0.0

    开发者可以访问链接(https://blog.csdn.net/qq_27339781/article/details/79869584)获取更多关于dhtmlxGantt v4.0.0的详细信息,了解新功能和改进。 **五、如何使用dhtmlxGantt** 1. **引入库文件**:在HTML页面...

    dhtmlx自定义扩展-dhtmlxtoolbar-item-title-显示标题

    扩展dhtmlx,实现dhtmlXToolbarObject.prototype.addTitleWithIcon2,方便添加页面标题

    dhtmlx中文手册+dhtmlx.js+dhtmlx.css

    dhtmlx.js允许开发者在不刷新页面的情况下动态更新内容,实现高度的数据可视化和用户交互性。 3. **dhtmlx中文使用手册API指南.doc**: 这是dhtmlx的中文操作手册,对dhtmlx库的各种组件和API进行了详细解释。通过...

    dhtmlx自定义扩展dhtmlxtoolbar-dhx-searchbox

    扩展dhtmlx自定义工具条元素dhtmlxtoolbar_dhx_searchbox,待搜索的功能

    dhtmlxgrid专业版下载

    同时,它还支持插件系统,可以扩展更多功能。 10. **响应式设计**:适应不同设备屏幕尺寸,支持移动设备和触摸操作。 在描述中提到的“全套js”,意味着下载包可能包含了dhtmlxGrid所有相关的JavaScript库和资源,...

    dhtmlx套件 V2.0

    dhtmlxGrid实际上就是一个高级的数据表格实现,提供了丰富的功能,如行和列的拖放、单元格合并、自定义样式和模板、多级表头、分组数据、冻结列等。这些特性使得dhtmlxGrid成为处理复杂数据展示和操作的理想选择。 ...

    dhtmlxGrid介绍及使用手册(中文版)

    此外,dhtmlxGrid还提供了与其他数据库交互的途径,能够对单元格进行扩展,类似EXCEL,并且具备拆分模式,也称作冻结栏。本文将详细介绍dhtmlxGrid的功能和API操作方法。 #### dhtmlxGrid介绍 1. **自定义XML**: ...

    dhtmlxGrid

    5. **扩展功能**:dhtmlxGrid拥有丰富的插件系统,可以添加如Excel导出、打印、图表等功能。 ### 四、实战应用 dhtmlxGrid广泛应用于企业级Web应用,如数据分析、报表展示、CRM系统等。例如,它可以用于展示和管理...

    dhtmlx及帮助文档

    dhtmlxSuite是dhtmlx的组件套件,其中包括了多个独立但可相互协作的模块,如dhtmlxGrid(表格)、dhtmlxTree(树形视图)、dhtmlxCalendar(日历)等。这些组件可以单独使用,也可以组合使用以满足更复杂的界面需求...

    用Dhtmlx做的例子

    DHTMLX是一个强大的JavaScript库,它提供了一系列组件,用于构建高度交互式的Web应用程序。这个库以其丰富的用户界面元素和功能而闻名,包括树形控件、数据网格、日历以及可编辑、可拖拽和可排序的表格。下面将详细...

    dhtmlx源代码DEMO和API文档和 grid代码方法扩展

    本文主要关注的是DHTMLX Grid,一个灵活的数据网格组件,提供了丰富的API和扩展功能。 1. **启用/禁用功能** - `enableCheckBox` 和 `enableRadio` 方法允许用户根据需求启用或禁用多选框和单选框功能。例如,`...

Global site tag (gtag.js) - Google Analytics