動態新增easyui 控制元件

jquery提供了append,appendTo方法，可以動態新增靜態的html文字，在easyui中，要動態新增easyui控制元件要怎麼做呢，下面就來介紹動態新增easyui控制元件。

    使用方法：和新增靜態html一樣，只是在新增完後，需要用呼叫$.parser.parse()渲染頁面。

 function createPanel(container) {
        var icon = 'layout-button-down';

        var p = $('<div></div>').appendTo($(container)).panel({
            cls: 'easyui-panel',
            title: 'lname',
            closed: false,
            width: $(container).width(),
            iconCls: 'icon-save',
            doSize: false,
            tools: [{
                iconCls: icon,
                handler: function () {
                    $(p).toggle("slow");
                }
            }]
        }).css('display','block');
        return p;
        //        $(container).append('<div  class=\"easyui-panel\" title=\"My Panel\"  style=\"width:500px;height:150px;padding:10px;\"  data-options=\"iconCls:\'icon-save\',closable:true,    collapsible:true,minimizable:true,maximizable:true\"></div>');
    }
    function createContentPanel(container, para) {
      var parent=$('<div class=\"easyui-panel\"  ></div>');
      $.each(para,function(i,n)
      {
            $(parent).append('<div><label for=\"'+n.name+'\">名稱:</label> <input class=\"easyui-validatebox\" type=\"'+n.type+'\" name=\"'+n.name+'\" data-options=\"required:true\" /> </div>  <div>');
      });
      $(container).append(parent);
       
    }

    $.fn.cform = function (para) {
        try {
            var forms = $('<form action=\'\'></form>');
            for (var j = 0; j < 3; j++) {
                var panels = [];
                for (var i = 0; i < 3; i++) {
                    var obj =
                {
                    'name': para.name,
                    'type': para.type
                };
                    panels.push(obj);
                }
                createPanel($(forms));
                createContentPanel(forms, panels);
            }
           
            $(this).append($(forms));
            
            $.parser.parse();
        } catch (e) {
            alert(e);
        }