動態給H5頁面綁定數據,基本萬能無錯誤!

此爲原創,轉載請註明出處!html

/*
* 共通用綁定頁面數據用方法
*
* @param bingData 須要綁定的數據
*
* @return 無
*
*/
function commonBindData(bingData) {
// 取得需綁定的json數據
var jsonArray = eval("(" + bingData + ")");json

// 按照控件類型進行動態綁定數據
for ( var jsonUnit in jsonArray) {
// 取得類型
selObjStr = "#" + jsonUnit;
var tagType = $(selObjStr).attr("type");spa

// 綁定數據
switch (tagType) {
// 該控件爲Span
case ("span"):
$(selObjStr).html(jsonArray[jsonUnit]);
break;
// 該控件爲Text
case ("text"):
$(selObjStr).val(jsonArray[jsonUnit]);
break;
// 該控件爲textarea
case ("textarea"):
$(selObjStr).val(jsonArray[jsonUnit]);
break;
// 該控件爲hidden
case ("hidden"):
$(selObjStr).val(jsonArray[jsonUnit]);
break;
// 該控件爲radio
case ("radio"):
tmpStr = "#" + jsonUnit;
if (jsonArray[jsonUnit] != "" && jsonArray[jsonUnit] != "undefined") {
$(tmpStr).attr("checked", true);
}
break;
// 該控件爲CheckBox
case ("checkBox"):
if (jsonArray[jsonUnit] != "") {
$(selObjStr).prop("checked", true);
} else {
$(selObjStr).prop("checked", false);
}
break;
// 該控件爲Table
case ("table"):
var tableData = jsonArray[jsonUnit];
for(var rowData in tableData) {
addTableRow(jsonUnit, rowData);
}
break;
default:
// 該控件爲Select
if ($(selObjStr)[0] != null) {
var selType = $(selObjStr)[0].type;
if (String(selType).indexOf("select") > -1) {
var selTmp = "option[value='" + jsonArray[jsonUnit] + "']";
$(selObjStr).find(selTmp).attr("selected",true);
}
}
break;
}
}
}htm

相關文章
相關標籤/搜索