亚洲日韩在线中文字幕第一页,亚洲精品无码鲁网中文电影,亚洲中文字幕久久精品无码2021

Jquery 列對(duì)應(yīng)

/** 自創(chuàng)對(duì)應(yīng)列(惠萬(wàn)鵬)------開(kāi)始 */

//初始化列表(id號(hào),k:v,k:v)

function createDLDetail(id, sourceStr)

{

var objId = "#" + id;

//清空所有信息

$(objId).empty();

var kvs = sourceStr.split(",");

//添加項(xiàng)目

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);

/** 每個(gè)小項(xiàng)目點(diǎn)擊變色 */

$(objId).find("dd").click(function(){

//全部設(shè)置成白色

$(objId).find("dd").each(function(i){

if($(this).css("display") != "none"){

$(this).css({

"background-color":"white",

"color":"#100d08"

});

}

});

/** 把自己設(shè)置成藍(lán)色 */

$(this).css(

{

"background-color":"#022658",

"color":"white"

});

}

//創(chuàng)建關(guān)系列表

function createDLDetailRes()

{

// 得到第一個(gè)列表的選中的對(duì)象

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("請(qǐng)選擇\"表對(duì)應(yīng)字段\"");

return;

}

// 得到第二個(gè)列表選中的對(duì)象

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("請(qǐng)選擇\"文件對(duì)應(yīng)字符\"");

return;

}

// 向關(guān)系框內(nèi)添加

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>");

// 隱藏已經(jīng)選中的

tableObj.hide();

fileObj.hide();

// 添加點(diǎn)擊事件

$("#" + relationDDId).click(function()

{

/** 全部設(shè)置成白色 */

$("#mapingResults").find("dd").css({

"background-color":"white",

"color":"#100d08"

});

/** 把自己設(shè)置成藍(lán)色 */

$(this).css(

{

"background-color":"#022658",

"color":"white"

});

}

//刪除關(guān)系列表

function dropDetailRes()

{

//查找要?jiǎng)h除的列

var relationObj = $("#mapingResults>dd").filter(function (index){

if($(this).css("background-color") == "#022658")

{

return $(this);

}

});

// 檢查是否選中要?jiǎng)h除的列

if(relationObj.attr("value") == undefined)

{

alert("請(qǐng)選擇要?jiǎng)h除的列");

return;

}

// TABLE文件字段開(kāi)始

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();

// 刪除對(duì)象

relationObj.remove();

}

//得到對(duì)應(yīng)該的結(jié)果

function getTableFieldAndFileIndexFiles()

{

var result = "";

//查找要所有的列

$("#mapingResults>dd").each(function(i){

result += "," + $(this).attr("value");

});

if(result.length>0)

{

result = result.substr(1);

}

/** 自創(chuàng)對(duì)應(yīng)列------結(jié)束 */

posted on 2010-08-05 11:38 HUIKK 閱讀(338) 評(píng)論(0) 編輯收藏所屬分類: JavaScript

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理
相關(guān)文章: javascript 正則返向引用 Ext MultiComboBox 為了有利于保護(hù)安全性 java cookie localhost BS 打印 Jquery 列對(duì)應(yīng) 標(biāo)簽打印機(jī)調(diào)試 WebBrowser 打印 Win open 關(guān)于打印那點(diǎn)事兒

夢(mèng)幻之旅

公告

常用鏈接

留言簿(21)

隨筆分類(644)

隨筆檔案(669)

文章檔案(6)

最新隨筆

積分與排名

最新評(píng)論

閱讀排行榜

評(píng)論排行榜