easyuiフォーム付き弾窓効果作成

フォーム付きポップアップ効果の作成
[追加]ボタンをクリックすると、フォーム付きウィンドウがポップアップします.

    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            $(function(){
                //   body  ，   ，          
                $("body").css({visibility:"visible"});

                //         
                $('#grid').datagrid( {
                    iconCls : 'icon-forward',
                    fit : true,
                    border : false,
                    rownumbers : true,
                    striped : true,
                    pageList: [30,50,100],
                    pagination : true,
                    toolbar : toolbar,
                    url : "../../data/standard.json",
                    idField : 'id',
                    columns : columns
                });
            }); 

            //   
            var toolbar = [ {
                id : 'button-add',
                text : '  ',
                iconCls : 'icon-add',
                handler : function(){
                    //      ，      
                    $("#standardWindow").window('open');
                }
            }];

            //    
            var columns = [ [ {
                field : 'id',
                checkbox : true
            },{
                field : 'name',
                title : '    ',
                width : 120,
                align : 'center'
            }, {
                field : 'minWeight',
                title : '    ',
                width : 120,
                align : 'center'
            }, {
                field : 'maxWeight',
                title : '    ',
                width : 120,
                align : 'center'
            }, {
                field : 'minLength',
                title : '    ',
                width : 120,
                align : 'center'
            }, {
                field : 'maxLength',
                title : '    ',
                width : 120,
                align : 'center'
            }, {
                field : 'operator',
                title : '   ',
                width : 120,
                align : 'center'
            }, {
                field : 'operatingTime',
                title : '    ',
                width : 120,
                align : 'center'
            }, {
                field : 'company',
                title : '    ',
                width : 120,
                align : 'center'
            } ] ];
        
    

    
        

            

            

                

                      ＃ホゾン＃