梦幻之旅

DEBUG - 天道酬勤

   :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  671 随笔 :: 6 文章 :: 256 评论 :: 0 Trackbacks
        /** 自创对应列(惠万鹏)------开始 */
        
//初始化列表(id号,k:v,k:v)
        function createDLDetail(id, sourceStr)
        
{
            
var objId = "#" + id;
            
            
//清空所有信息
            $(objId).empty();
            
var kvs = sourceStr.split(",");
            
            
//添加项目
            var ddHtml = "";
            
for(var i=0; i<kvs.length;i++)
            
{
                ddHtml 
+= "<dd style='width:100px;font-weight:300;font-size:12px;padding-top:3px' id=\"" + kvs[i].split(":")[0] +  "\">" + kvs[i].split(":")[1+ "</dd>";
            }
 
            $(objId).append(ddHtml);
            
            
/** 每个小项目点击变色  */
            $(objId).find(
"dd").click(function(){
                
//全部设置成白色
                $(objId).find("dd").each(function(i){
                    
if($(this).css("display"!= "none"){
                        $(
this).css({
                            
"background-color":"white",
                            
"color":"#100d08"
                        }
);
                    }

                }
);
    
                
/** 把自己设置成蓝色 */
                $(
this).css(
                
{
                    
"background-color":"#022658",
                    
"color":"white"
                }
);
            }
);
        }

        
        
//创建关系列表
        function createDLDetailRes()
        
{
    
            
// 得到第一个列表的选中的对象
            var tableObj = $("#tableFields").find("dd").filter(function (index){
                
if($(this).css("background-color"== "#022658"
                    
&& $(this).css("display"!= "none"){
                    
return $(this); 
                }

            }
);
            
            
if(tableObj.attr("id"== undefined){
                alert(
"请选择\"表对应字段\"");
                
return;
            }

        
            
// 得到第二个列表选中的对象
            var fileObj = $("#fileFields").find("dd").filter(
                
function (index)
                
{
                    
if($(this).css("background-color"== "#022658" 
                        
&& $(this).css("display"!= "none")
                    
{
                        
return $(this); 
                    }

                }

            );
            
if(fileObj.attr("id"== undefined)
            
{
                alert(
"请选择\"文件对应字符\"");
                
return;
            }

            
        
            
// 向关系框内添加
            var relationDDId = tableObj.attr("id"+ "_" + fileObj.attr("id");
            
var relationDDValue = tableObj.attr("id"+ ":" + fileObj.attr("id");
            
var relationDDText = fileObj.text() + ">" +  tableObj.text();
            $(
"#mapingResults").append("<dd style='width:150px;font-weight:300;font-size:12px;padding-top:3px;cursor:pointer;' id='"+relationDDId+"' value='" + relationDDValue + "'>" + relationDDText + "</dd>");
        
            
// 隐藏已经选中的
            tableObj.hide();
            fileObj.hide();
        
            
// 添加点击事件
            $("#" + relationDDId).click(function()
            
{
                
/** 全部设置成白色 */
                $(
"#mapingResults").find("dd").css({
                    
"background-color":"white",
                    
"color":"#100d08"
                }
);
                
                
/** 把自己设置成蓝色 */
                $(
this).css(
                
{
                    
"background-color":"#022658",
                    
"color":"white"
                 }
);
            }
);
        }

        
      
//删除关系列表
      function dropDetailRes()
      
{
        
//查找要删除的列
        var relationObj = $("#mapingResults>dd").filter(function (index){
            
if($(this).css("background-color"== "#022658")
            
{
                
return $(this); 
            }

         }
);
        
        
// 检查是否选中要删除的列
        if(relationObj.attr("value"== undefined)
        
{
            alert(
"请选择要删除的列");
            
return;
        }

        
        
        
// TABLE文件字段开始
        var tableFileId = relationObj.attr("value").split(":");
        
var tableDDObj= $("#tableFields>dd[id=" + tableFileId[0+ "]");
        
        
// 原框里如果有颜色为选中的,取消选择
        tableDDObj.parent().find("dd").each(function(i)
        
{
            
if($(this).css("display"!= "none"
                
&& $(this).css("background-color"== "#022658")
            
{
                $(
this).css({"background-color":"white","color":"#100d08"});
            }

        }
);
        
        tableDDObj.show();
        
        
var fileDDObj =  $("#fileFields>dd[id=" + tableFileId[1+ "]");
        
        
// 原框里如果有颜色为选中的,取消选择
        fileDDObj.parent().find("dd").each(function(i)
        
{
            
if($(this).css("display"!= "none"
                
&& $(this).css("background-color"== "#022658")
            
{
                $(
this).css({"background-color":"white","color":"#100d08"});
            }

        }
);
        
        fileDDObj.show();
        
        
// 删除对象
        relationObj.remove();
      }

      
      
//得到对应该的结果
      function getTableFieldAndFileIndexFiles()
      
{
            
var result = ""
            
//查找要所有的列
            $("#mapingResults>dd").each(function(i){
                 result 
+= "," +  $(this).attr("value");
            }
);
            
if(result.length>0)
            
{
                result 
= result.substr(1);
            }

      }
          
    
/** 自创对应列------结束 */
posted on 2010-08-05 11:38 HUIKK 阅读(226) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。


网站导航: