FormBuilder.js

(function(window) {

    var FormBuilder = function(data) {

        this.data = data;

    };

    window.FormBuilder = FormBuilder;

    FormBuilder.prototype.create = function() {

        var html = '';

        for (var k in this.data) {

            var item = {tag:' ',text:'',attr:{},option:null};

            for (var n in this.data[k]) {

                item[n] = this.data[k][n];

            }

            html += builder.toHTML(item);

        }

        return '<table>' + html + '</table>';

    }

   

    var builder = {

        toHTML: function(obj) {

            var html = this.item[obj.tag](this.attr(obj.attr), obj.option);

            return '<tr><th>' + obj.text + '</th><td>' + html + '</td></tr>';

        },

        attr: function(attr) {

            var html = '';

            for (var k in attr) {

                html += k + '="' + attr[k] + '" ';

            }

            return html;

        },

        item: {

            input: function(attr, option) {

                var html = '';

                if (option === null) {

                    html += '<input ' + attr + '>';

                } else {

                    for (var k in option) {

                        html += '<label><input ' + attr;

                        if (k === option[k]) {

                            html += ' value="' + k + '" checked="checked">';

                        } else {

                            html += ' value="' + k + '">';

                        }

                        html += option[k] + '</label>';

                    }

                }

                return html;

            },

           

            select: function(attr, option) {

                var html = '';

                for (var k in option) {

                    html += '<option value="' + k + '"';

                    if (k === option[k]) {

                        html += ' selected="selected"';

                    }

                    html += '>' + option[k] + '</option>';

                }

                return '<select ' + attr + '>' + html + '</select>';

            },

            textarea: function(attr) {

                return '<textarea ' + attr + '></textarea>';

            }

        }

    };

})(window);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值