梦幻之旅

DEBUG - 天道酬勤
   :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  671 随笔 :: 6 文章 :: 256 评论 :: 0 Trackbacks
Jquery 列对应
        /** 自创对应列(惠万鹏)------开始 */
        //初始化列表(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 阅读(325) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。
网站导航: