JQuery EasyUI dialog 使用方法

创建时间:2015/2/27 20:42:32
关键字:

 注:使用1.3.5版本有bug, 没关闭按钮

 

<link href="../../Content/themes/default/easyui.css" rel="stylesheet" type="text/css" />

<link href="../../Content/themes/icon.css" rel="stylesheet" type="text/css" />

 

<script src="../../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>

<script src="../../Scripts/jquery.easyui.min.js" type="text/javascript"></script>

<script src="../../Scripts/easyui-lang-zh_CN.js" type="text/javascript"></script> 

 

$("#divEdit").dialog({

    title: "修改对话框",

    width: 500,

    height: 400,

    maximizable: true,

    resizable: true,

    modal: true,

    border: false,

    resizeable: true,

    collapsible:true,

buttons: [

{

      text: '确定',

      iconCls: 'icon-ok',

      handler: function () {

                         $.post("/Branch/EditBranch",

                         { 

BranchName: $("#txtName").val(), 

Remark: $("#txtRemark").val(), 

Id: id 

}, 

function (data) {

                              if (data == "true") {

                                     alert("OK");

                                    $("#divEdit").dialog("close");

                           }

                       });

        }

}, 

{

    text: '关闭',

    handler: function () {

        $('#divEdit').dialog('close');

    }

}]

});

 

<div id="divEdit" style="border-bottom-style:none;width: 200px;height: 300px;overflow: hidden;">

        <table>

            <tr>

                <td>名称:</td><td><input type="text" name="txtName" id="txtName"/></td>

            </tr>

             <tr>

                <td>备注:</td><td><input type="text" name="txtRemark" id="txtRemark"/></td>

            </tr>

        </table>

</div>