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 = $('
');
        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 = $('');
            formGroupObject.append(contentObject);
        }
        else{
            var checkBoxDivObject = $('');
            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://cdxtjz.cn/article/jgessg.html
        
    
    

        
其他资讯
        

            

                    阿里云服务器网速如何加速 阿里云服务器提升带宽
                

                    linux扫描打印机命令 linux扫描软件
                

                    阿里云服务器学生机能用吗 阿里云学生服务器应该如何选择配置
                

                    php处理大数据并发 php 大并发
                

                    影院海外域名怎么找到的 海外影院如何设置字幕
                
        
    




'+paramName+'
'+paramValue+'