easyui-dialog

最新推荐文章于 2020-06-28 18:37:29 发布

西北笨笨

最新推荐文章于 2020-06-28 18:37:29 发布

阅读量509

点赞数

分类专栏： easyUI 文章标签： web easyui dialog

本文链接：https://blog.csdn.net/benbenCSDN/article/details/74737743

版权

easyUI 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

easyui-dialog使用：

<div style="width: 480px; height: 320px; display:none" id="addDiv"
       class="easyui-dialog"
       data-options="
               iconCls : 'icon-save',
               modal : true,
               closed : true,
               buttons: [{
                   text:'保存',
                   id : 'save',
                   iconCls:'icon-ok',
                   handler:function(){
                       saveMenu();
                   }
               },{
                   text:'取消',
                   iconCls:'icon-cancel',
                   handler:function(){
                       $('#addDiv').dialog('close');
                   }
               }]
           ">

       <div style="padding:30px 60px 30px 60px">
            <form id="menuInfo" method="post">
               <table>
                   <tr>
                       <td><input class="easyui-textbox" type="text" id="menuId" name="menuId" style="width:260px"></input></td>
                   </tr>
                   <tr>
                       <td>菜单名称:</td>
                       <td><input class="easyui-textbox" type="text" id="menuNameId" name="menuName" style="width:260px" required=true></input></td>
                   </tr>
                   <tr>
                       <td>菜单URL:</td>
                       <td><input class="easyui-textbox" type="text" name="menuUrl" id="menuUrlId" style="width:260px"></input></td>
                   </tr>
                   <tr>
                       <td>父编号:</td>
                       <td><input id="parentId" name="parentId" class="easyui-combotree" data-options="width:260,valueField: 'id', textField: 'text', url: '<%=request.getContextPath() %>'+'/service/menu/initList'"/></td>
                   </tr>
                   <tr>
                       <td>序列:</td>
                       <td><input class="easyui-textbox" type="text" name="seq" id="seqId" style="width:260px"></input></td>
                   </tr>
                   <tr>
                       <td>说明:</td>
                       <td><input class="easyui-textbox" type="text" name="notes" id="notesId" style="width:260px"></input></td>
                   </tr>
                   <tr>
                       <td>状态:</td>
                       <td><input class="easyui-textbox" type="text" name="state" id="stateId" style="width:260px"></input></td>
                   </tr>

               </table>
            </form>
       </div>
   </div>

打开对话框：

function addMenu(){
        $("#addDiv").dialog('open');
        $("#menuId").next().hide();
       $("#menuInfo").form('clear');
       $("#stateId").textbox('setValue',"正常");
       $("#stateId").textbox('textbox').attr('readonly','true');
       $('#addDiv').panel({title: "新增菜单"});
       $('#parentId').combotree('reload');
   }

提交数据：

//保存菜单信息
   function saveMenu(){
       $('#menuInfo').form('submit',{
           url : "<%=request.getContextPath() %>"+"/service/menu/save",
           success : function(data) {
               if (data && data == 1) {
                   $('#addDiv').dialog('close');
                   $("#QueryGrid").datagrid('reload');
                   $.messager.alert("提示信息","保存成功！");
                  }
                 else {
                   $.messager.alert("提示信息","保存失败！");
               }
           }
       });
   }