点击按钮弹出dialog并加载一个form表单

按钮:

<button type="button"  value="  导  入Excel  " οnclick="addModelMeter()">弹出dialog</button>

form表单(首先要有一个隐藏的div):

<div hidden="true">
        <div id="dialogExp"  >
             <form id="formDetil" class="easyui-form"   method="POST" >
                 <div  class="table-responsive" padding-left: 20%">
                    <tr>
                        <td style="border: none; padding-left: 0;">
                            姓名:
                            <input type="text" name="name"  required="true" >
                        </td><br /><br />
                        <td style="border: none;padding-left: 20px;">
                            年龄:
                            <input type="text" name="age"  required="true">
                        </td><br /><br />
                        <td style="border: none; padding-left: 10px;">
                                生日:
                            <input id="beginDate" type="text" name="birthDate"
                          onFocus="WdatePicker({isShowToday:false,skin:'whyGreen'});" style="width: 95px"  required="true"/>
                            </td><br /><br />
                    </tr>
                </div>
            </form>
        </div>

    </div>


dialog部分:

function addModelMeter(){

        $('#dialogExp').dialog({
            title:'我的dialog',
            width: 750,
            height: 200,
            cache: false,
            modal:true,
            closed:true,
            buttons:[{
                text : '取消',
                handler : function(){
                    $('#dialogExp').dialog('close');
                }
            }],
            });
            $('#dialogExp').dialog('open');
        }
        
        function searchModel(){
        if($("#formDetil").val()==""){
            alert("数据为空!");
        }else{
            $('#formDetil').form('submit',{
                url : '要转发的后台路径',
                success : function(string) {
                         if (0==string){    
                                    esop.web.pdsmartPopMessage.showMessage("修改失败!");
                                }else if (1==string){
                                    esop.web.pdsmartPopMessage.showMessage("修改成功!");
                                }else if(2==string){
                                    esop.web.pdsmartPopMessage.showMessage("请补充完数据!");
                                }else{
                                    esop.web.pdsmartPopMessage.showMessage("程序异常请刷新页面后重试!");
                                }
                    }
                });
        }
        $("#formDetil  input").val("");//清空form表单的数据
    }


版权声明:本文为m0_38129335原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。