extjs panel 可关闭 打开

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>

        <title>php excel</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript" language="javascript">

            function extjswait(){

                Ext.MessageBox.wait.minWidth = 100;

                Ext.MessageBox.wait("请稍候", "正在导入数据");

            }

        </script>

 

        <script type="text/javascript" language="javascript">

            Ext.onReady(function(){

 

                var inportUserInfoContainerEL=new Ext.BoxComponent({

                    el:"inportUserInfoContainer"

                });

 

                var inportUserInfoContainerpanel=new Ext.Panel({

                    border:false,

                    items:[inportUserInfoContainerEL]

                });

 

                var inportGroupDepartmentContainerEL=new Ext.BoxComponent({

                    el:"inportGroupDepartmentContainer"

                });

 

                var inportGroupDepartmentContainerpanel=new Ext.Panel({

                    border:false,

                    items:[inportGroupDepartmentContainerEL]

                });

 

                var nav = new Ext.Panel({

                    id:'west-panel',

                    title: 'Navigation',

                    split: true,

                    collapsible: true,

                    split:true,

                    height: 250,

                    width: 600,

                    //minSize: 175,

                    //maxSize: 400,

                    margins:'35 0 5 5',

                    cmargins:'35 5 5 5',

                    layout:'accordion',

                    renderTo:"panelHolder",

                    layoutConfig:{

                        animate:true

                    },

                    items: [{

                            title:'Settings',

                            items:[inportGroupDepartmentContainerpanel]

                        },{

                            title:"<b>导入用户信息</b>",

                            items:[inportUserInfoContainerpanel]

                        }]

                });

 

                Ext.get("panelHolder").center();

 

            });

        </script>

    </head>

    <body>

 

        <div id="inportGroupDepartmentContainer" style="background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 100%;">

            <form action="upload_file.php" method="post" enctype="multipart/form-data">

                <label for="file">导入部门信息 : </label>

                <input type="file" name="file" id="file" />

                <input type="hidden" name="type" id="type" value="inportGroupDepartment" />

                <input type="submit" name="submit" value="导入部门信息" onclick="extjswait()"/>

                <br />

                <div>

                    导入部门信息会删除原来的数据,请选择要导入的excel文件。

                </div>

            </form>

        </div>

 

        <div id="inportUserInfoContainer" style="background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 100%;">

            <form action="upload_file.php" method="post" enctype="multipart/form-data">

                <label for="file">导入用户信息 : </label>

                <input type="file" name="file" id="file" />

                <input type="hidden" name="type" id="type" value="inportUserInfo" />

                <input type="submit" name="submit" value="导入用户信息" onclick="extjswait()"/>

 

                <br />

                <div>

                    导入部门信息会删除原来的数据,请选择要导入的excel文件。

                </div>

 

            </form>

        </div>

 

        <!-- do not do anything to this dom it's the outer container -->

        <div id="panelHolder"></div>

        <!-- do not do anything to this dom it's the outer container -->

 

    </body>

</html>

 

你可能感兴趣的:(JavaScript,File,upload,input,ExtJs,div)