jquery和bootstrap的示例
// A、展示产品参数值：（1）请求数据
// A、展示产品参数值：（1）请求数据
function displayProdcutParameterValue(productData){
$.ajax({
type:"POST",
url:"medProductParameterValueAction!list",
data:productData,
dataType:"json",
success:displayMyProdcutParameterValue,
error:function(){
admin.tipsPanel({
titleText: '提示',
contentText: 'AJAX通信失败！'
});
}
});
}
青山ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！
// A、展示产品参数值：（2）对请求返回的参数进行处理
// A、展示产品参数值：（2）对请求返回的参数进行处理
function displayMyProdcutParameterValue(result){
var boxBodyObject = $('#tab_medProductParameterValue .box-body');
boxBodyObject.empty();
var tableObject = $('');
boxBodyObject.append(tableObject);
if(result != null && result.total != null && result.total > 0){
var rows = result.rows;
var parentId = -1;
var isCategory = false;
for(var i=0;i// A、展示产品参数值：（3）处理DOM操作，即动态添加到当中function addTrIntoTable(tableObject,parentParamName,paramName,paramValue,isCategory){
var trObject = $('');
tableObject.append(trObject);
if(isCategory == true){
var thObject = $(''+ parentParamName +'');
trObject.append(thObject);
}else{
var tdObjects = $(''+paramName+' '+paramValue+' ');
trObject.append(tdObjects);
}
} // B、编辑产品参数值：（1）请求“参数项”数据
// B、编辑产品参数值：（1）请求“参数项”数据
function requestAndDisplayProdcutParameter(productData){
$.ajax({
type:"POST",
url:"medProductParameterAction!list",
data:productData,
dataType:"json",
success:displayMyProdcutParameter,
error:function(){
admin.tipsPanel({
titleText: '提示',
contentText: 'AJAX通信失败！'
});
}
});
}// B、编辑产品参数值：（2）处理“参数项”返回数据 和 （3）请求“参数值”数据
// B、编辑产品参数值：（2）处理“参数项”返回数据 和 （3）请求“参数值”数据
function displayMyProdcutParameter(result){
debugger;
var boxBodyObject = $('#medProductParameterForm .box-body');
var accordionObject = $('');
boxBodyObject.append(accordionObject);
if(result != null && result.total != null && result.total > 0){
var rows = result.rows;
for(var i=0;i// B、编辑产品参数值：（2-1）处理“参数项”DOM操作
// B、编辑产品参数值：（2-1）处理“参数项”DOM操作
function addPanelIntoAccordion(accordionObject,parentParamId,parentParamName,parentParamSortId,childParams,isFirst){
//
var panelObject = $('');
var panelHeadingObject = $(''+ parentParamName +'');
var panelCollapseObject = $('');
var panelBodyObject = $('');
accordionObject.append(panelObject);
panelObject.append(panelHeadingObject);
panelObject.append(panelCollapseObject);
panelCollapseObject.append(panelBodyObject);
addParamIntoPanelBody(panelBodyObject,childParams);
} // B、编辑产品参数值：（2-2）处理“参数项”DOM操作细节【完结】
function addParamIntoPanelBody(panelBodyObject,childParams){
if(childParams == undefined || childParams == null || childParams.length < 1) return;
for(var i=0;i');
var lableObject = $(''+ childParamName +'');
panelBodyObject.append(formGroupObject);
formGroupObject.append(lableObject);
if(childParamIsSelectable == 0){
var contentObject = $('');
var checkBoxObject;
for(var j=0;j'+ options[j] + i + ' ' +'');
checkBoxObject = $(' ' + options[j] + '');
checkBoxDivObject.append(checkBoxObject);
}
formGroupObject.append(checkBoxDivObject);
}
}
} // B、编辑产品参数值：（3-1）处理“参数值”返回数据【完结】
// B、编辑产品参数值：（3-1）处理“参数值”返回数据【完结】
function echoMyProdcutParameterValue(result){
if(result != null && result.total != null && result.total > 0){
var rows = result.rows;
for(var i=0;i 0 && checkboxArray.length > 0){
// for(var i=0;i 0){
for(var j=0;j// C、保存产品参数值：
// C、保存产品参数值：
function saveProductParameterValue(){
var dataInit = {};
var contentJson = "";
//1、通过Id为accordion的div找到其内部的所有Panel
debugger;
var panelObjects = $('#accordion .panel-default');
var panelArray = [];
panelObjects.each(function(k,v){
panelArray[panelArray.length] = $(v);
});
//2、通过遍历所有Panel获取用户的输入参数，保存于contentJson内
for(var panelIndex=0;panelIndex 0){
for(var i=0;i服务器发送请求，保存数据
$.ajax({
type:"POST",
url:"medProductParameterValueAction!save",
data:dataInit,
cache : false,
success : function(data){
if (data == 'success') {
admin.tipsPanel({
titleText: '提示',
contentText: '操作成功！'
});
}else{
admin.tipsPanel({
titleText: '提示',
contentText: '操作失败！'
});
}
$('#medProductParameterForm')[0].reset();
$("#medProductParameterModel").modal("hide");
},
error : function(){
admin.tipsPanel({
titleText: '提示',
contentText: 'AJAX请求失败！'
});
}
});
}
网站名称：jquery和bootstrap的示例
转载来源：http://6mz.cn/article/jgessg.html