jquery（ligerUI）如何刷新底层页面？

jqueryligerUI

解决方案 »

  1.   

    增加信息的页面：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <%@ include file="/pages/common/header.jsp"%>
    <script type="text/javascript">
            var eee;
            $(function ()
            {
             //绑定submit事件返回false，不提交表单
             $("form").bind('submit', function(){
                    return false;
                });
            
            
                $.metadata.setType("attr", "validate");
                var v = $("form").validate({
                    debug: false,
                    errorPlacement: function (lable, element)
                    {
                        if (element.hasClass("l-textarea"))
                        {
                            element.ligerTip({ content: lable.html(), target: element[0] }); 
                        }
                        else if (element.hasClass("l-text-field"))
                        {
                            element.parent().ligerTip({ content: lable.html(), target: element[0] });
                        }
                        else
                        {
                            lable.appendTo(element.parents("td:first").next("td"));
                        }
                    },
                    success: function (lable)
                    {
                        lable.ligerHideTip();
                        lable.remove();
                    },
                    submitHandler: function ()
                    {
                        $("form .l-text,.l-textarea").ligerHideTip();
                        var dataPara = getFormJson($("form").get(0));
                        
                        $.ajax({
                            url:  $("form").attr("action"),
                            type:  $("form").attr("method"),
                            data: dataPara,
                            success: function(msg){
                            if(msg == 'ok')
                             $.ligerDialog.alert('增加成功', '提示', 'none');
                            else
                            $.ligerDialog.alert('系统发生故障', '提示', 'none');
                           
                            var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)
                            var dialogData = dialog.get('data');//获取data参数
                           
                            $("maingrid").search();
                            }
                        });
                    }
                });
                $("form").ligerForm();
                
                $(".l-button-test").click(function ()
                {
                    alert(v.element($("#txtName")));
                });
            });  
            
           //将form中的值转换为键值对。
            function getFormJson(frm) {
                var o = {};
                var a = $(frm).serializeArray();
                $.each(a, function () {
                    if (o[this.name] !== undefined) {
                        if (!o[this.name].push) {
                            o[this.name] = [o[this.name]];
                        }
                        o[this.name].push(this.value || '');
                    } else {
                        o[this.name] = this.value || '';
                    }
                });            return o;
            }
        </script>
        
    </head><body style="padding:10px">    <form name="addUser" method="post" action="${ctx}/addUser" id="addUser">
    <div>
    </div>
            <table cellpadding="0" cellspacing="0" class="l-table-edit" >
               
    <tr>
                    <td align="right" class="l-table-edit-td">生日:</td>
                    <td align="left" class="l-table-edit-td">
                    <input name="birthday" type="text" id="birthday" ltype="date" 
                    validate="{}" />
                    </td>
                    <td align="left"></td>
                </tr>
    <tr>
                    <td align="right" class="l-table-edit-td">性别:</td>
                    <td align="left" class="l-table-edit-td">
    <input id="rbtnl_1" type="radio" name="sex" value="1" /><label for="rbtnl_1">男</label>
    <input id="rbtnl_2" type="radio" name="sex" value="2" /><label for="rbtnl_1">女</label>
                    </td>
                    <td align="left"></td>
                </tr>
    <tr>
                    <td align="right" class="l-table-edit-td">邮件:</td>
                    <td align="left" class="l-table-edit-td">
                     <input name="email" type="text" id="email" ltype="text" 
                     validate="{required:true ,email:true}" />
                    </td>
                    <td align="left"></td>
                </tr>
    <tr>
                    <td align="right" class="l-table-edit-td">地址:</td>
                    <td align="left" class="l-table-edit-td">
                     <textarea cols="100" rows="4" class="l-textarea" id="address" name="address" style="width:400px" validate="{required:true}" ></textarea>
                    </td>
                    <td align="left"></td>
                </tr>
    <tr>
                    <td align="right" class="l-table-edit-td">姓名:</td>
                    <td align="left" class="l-table-edit-td">
                     <input name="name" type="text" id="name" ltype="text" 
                     validate="{required:true}" />
                    </td>
                    <td align="left"></td>
                </tr>
    <tr>
                    <td align="right" class="l-table-edit-td">年龄:</td>
                    <td align="left" class="l-table-edit-td">
                 <input name="age" type="text" id="age" ltype='spinner' ligerui="{type:'int'}" value="20" class="required" validate="{digits:true,min:1,max:100}" />
                    </td>
                    <td align="left"></td>
                </tr>        </table>
     <br />
    <input type="submit" value="提交" id="Button1" class="l-button l-button-submit" /> 
        </form>
        <div style="display:none">
        <!--  数据统计代码 --></div>    
    </body>
    </html>
      

  2.   

    直接获得父页面的grid对象然后reload或loaddata 方法刷新