JS解析JSON生成界面1

jQuery(function() {
    _init_page();
});

function redirect()
{
    var url = "http://"+window.location.host
    if(window.location.port != "" && window.location.port != "80")
        url += ":" + window.location.port;
    url+="/home";
    window.location = url;
}

function _init_page()
{
    jQuery("#cmd").click(
        function()
        {
            //post_dynamic_data("extends");
            
            pid=1000
            password = jQuery("#pwd").val();
            message  = jQuery("#msg").val();
            cstr = get_user_exfields("extends");
            
            jQuery.ajax({
                type : "post",
                url : "/pj/custadd/"+jQuery("#projectId").val(),
                cache : false,
                dataType : "json",
                data : {
                    pwd : password,
                    msg : message,
                    cstr: cstr,
                },
                success : function(data) {
                    if(data["result"] == "ok") {
                        alert("申请项目成员成功");
                        //jQuery("#cmd").attr("disabled","disabled");
                        redirect();
                    } else {
                        alert(data["message"])
                    }
                },
                error : function(xhr, ajaxOptions, error) {
                    alert(error)
                }
            });
        }
    );
    
    
    jQuery.ajax({
        type : "get",
        url : "/pj/gex",
        cache : false,
        dataType : "text",
        data : {
            pi : jQuery("#projectId").val(),
        },
        success : function(data) {
            draw_controls(data,"extends");
            get_user_exinfo();
        },
        error : function(xhr, ajaxOptions, error) {
                alert(error)
            }
        });
    
    //draw_controls("","extends");
    //set_value_to_controls("","extends")
    
}


function get_user_exinfo()
{
    var uid = jQuery("#userId").val();
    uid = parseInt(uid);
    if(!isNaN(uid))
    {
        jQuery.ajax({
            type : "get",
            url : "/pj/guex",
            cache : false,
            dataType : "text",
            data : {
                pi : jQuery("#projectId").val(),
                ui : uid,
            },
            success : function(data) {
                set_value_to_controls(data,"extends");
            },
            error : function(xhr, ajaxOptions, error) {
                    alert(error)
                }
            });
    }
}

//如果该用户已经填写过相关信息，则填充到控件中
function set_value_to_controls(data,div_name)
{
    data = "[{'companyName':'AAA'},{'phone':'1111'}]";
    var data = eval(data);
    var div = jQuery("#"+div_name);
    if(div.data("flag")!= null && div.data("flag")== true)
    {
        var fields = eval(div.data("fields"));
        for(var i=0;i<fields.length;i++)
        {
            field = fields[i];
            for(var j=0;j<data.length;j++)
            {
                value = eval("data["+j+"]['"+field.fieldName+"']");
                if (value != null)
                {
                    var c = jQuery("#"+field.fieldName);
                    c.val(value);
                    //c.enable();
                }            
            }
        }
    }
}

//从控件中读取数据，最终形成json存入数据库
function get_value_from_textbox(field)
{
    var value = jQuery("#"+field.fieldName).val();
    var s = "{'"+field.fieldName+"':'"+value+"'}";
    return s;
}

function get_value_from_checkbox(field)
{
    //TODO
}

function get_user_exfields(layer)
{
    var div = jQuery("#"+layer);
    if(div.data("flag")!= null && div.data("flag")== true)
    {
        var result = '';
        var fields = eval(div.data("fields"));
        for(var i=0;i<fields.length;i++)
        {
            field = fields[i];
            var szobj = '';
            switch(field.fieldType)
            {
                case 'text':
                    szobj = get_value_from_textbox(field);
                    break;
                    
                case 'bool':
                    //szobj = get_value_from_checkbox(field);
                    break;
                
                default:
                    break;
            }
            if(szobj.length > 0)
                result = result.length>0 ? result + "," + szobj : szobj;
        }
        
        result = "["+ result +"]";
        //alert(result);
        return result;
    }
}

function post_dynamic_data(layer)
{
    s = get_user_exfields(layer);
    alert(s);
}

//根据项目的字段的动态配置，生成控件
function draw_textbox(field,div)
{
    var line = jQuery("<p></p>");
    var label = jQuery("<label></label>");
    var textbox = jQuery("<input></input>");
    label.attr("for",field.fieldName).text(field.displayName+":");
    textbox.attr("id",field.fieldName).attr("name",field.fieldName).attr("type","text");
    line.append(label).append(textbox);
    div.append(line);    
}

function draw_checkbox(field,div)
{
    var line = jQuery("<p></p>");
    var label = jQuery("<label></label>");
    var checkbox = jQuery("<input />");
    label.attr("for",field.fieldName).text(field.displayName+":");
    checkbox.attr("id",field.fieldName).attr("name",field.fieldName).attr("type","checkbox");
    line.append(label).append(checkbox);
    div.append(line);
}

function draw_controls(data,layer)
{
    //数据打桩，本来这些数据都是依靠异步获取的，在没有相应的接口的情况下可以先打桩进行逻辑开发，最后提供数据接口
    //data = "[{'fieldName':'companyName','fieldType':'text','allowNull':false,'maxlength':10,'displayName':'公司名'},"
    //data = data+"{'fieldName':'phone','fieldType':'text','allowNull':true,'maxlength':20,'displayName':'电话'}]";
    data = eval(data);
    var flag = true;
    var div = jQuery("#"+layer);

    for(var i=0;i<data.length;i++)
    {
        var field = data[i];
        switch(field.fieldType)
        {
            case 'text':
                draw_textbox(field,div);
                break;
            
            case 'bool':
                draw_checkbox(field,div);
                break;
                
            default:
                flag = false;
                alert("error");
                return;
        }
    }
    
    div.data("flag",flag).data("fields",data);
}