夢幻之旅

DEBUG - 天道酬勤

:: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

671 隨筆 :: 6 文章 :: 256 評論 :: 0 Trackbacks

2010年8月

日

一

二

三

四

五

六

公告

本博客中未注原創的文章均為轉載，對轉載內容可能做了些修改和增加圖片注釋，如果侵犯了您的版權，或沒有注明原作者，請諒解

常用鏈接

留言簿(21)

隨筆分類(644)

隨筆檔案(669)

文章檔案(6)

積分與排名

積分 - 962136
排名 - 37

閱讀排行榜

評論排行榜

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 閱讀(343) 評論(0) 編輯收藏所屬分類: JavaScript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: javascript 正則返向引用 Ext MultiComboBox 為了有利于保護安全性 java cookie localhost BS 打印 Jquery 列對應標簽打印機調試 WebBrowser 打印 Win open 關于打印那點事兒

夢幻之旅

公告

常用鏈接

留言簿(21)

隨筆分類(644)

隨筆檔案(669)

文章檔案(6)

最新隨筆

積分與排名

最新評論

閱讀排行榜

評論排行榜