EasyUI 對話框彈出文件輸入框

　　目前用的EasyUI的dialog，要實現彈出文件輸入框（或者其他輸入框和對話框），我的實現方案是，首先寫一個close的div，然后里面就是樣式和輸入框的一些代碼和一個確定按鈕，然后頁面上一個按鈕，功能是open這個dialog，然后在dialog頁面完成輸入操作，然后dialog的確定按鈕綁定的是提交dialog的form操作。

　　

<div id="fileImport" class="easyui-dialog" title="請上傳文件"
        style="width: 450px; padding: 10px 20px; height: 150px;" closed="true"
        buttons="#dlg-buttons">
        <form id="importfile"
            action="<%=request.getContextPath()%>/UploadModelCatecodeFile"
            method="post" enctype="multipart/form-data"
            style="margin-top: 20px; margin-left: 20px;">
            <div class="fitem">
                <table border="0">
                    <tr>
                        <td><label>選擇文件:</label> <input type="file"
                            name="uploadCatecodeFile"></td>
                        <td><a href="#" class="easyui-linkbutton"
                            iconCls="icon-excel-import" id="importDataBtn2">確定導入</a></td>
                    </tr>
                </table>
            </div>
        </form>
    </div>

 

$('#importDataBtn1').bind('click',function(){
                $('#fileImport').window("open");
            });

 

$('#importDataBtn2').bind('click',function(){
                $.messager.confirm("確認", "確認要導入車型Catecode數據嗎？", function(r){
                    if(r){ 
                        $('#importfile').form('submit', {
                            success:function(data){
                                var jsonObj = eval('(' + data + ')');
                                if(jsonObj.flag==1){
                                    alert('導入車型Catecode數據成功！');
                                }
                                else{
                                    alert(jsonObj.flag);
                                }
                            },
                            onSubmit: function(param){   // 額外參數
                            }   
                        }
                        );
                     }
                }); 
            });