求解答：JS控制按钮切换页面，实现显示公共的部分前台代码如下：

最新推荐文章于 2020-02-13 16:16:48 发布

ypg131

最新推荐文章于 2020-02-13 16:16:48 发布

阅读量551

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/ypg131/article/details/49685603

版权

Java 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>行政类别管理</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<#include "/WEB-INF/ftl/common/header.ftl" >
<script type="text/javascript" src="<@s.url "/resources/common/js/common.js"/>"/></script>
<script type="text/javascript" src="../resources/common/js/webcontrol/createpropertycontrol.js"></script>
<link rel="stylesheet" href="<@s.url "/resources/common/jquery-datetimecontrol/datetimecontrol.css"/>"></link>
<script type="text/javascript" src="<@s.url "/resources/common/jquery-datetimecontrol/datetimecontrol.js"/>"></script>
<script type="text/javascript" src="<@s.url "/resources/common/jquery-datetimecontrol/datetimecontrol.js"/>"></script>
<script type="text/javascript" src="<@s.url "/resources/common/jquery-datetimecontrol/datetimecontrol_cn.js"/>"></script>
<script type="text/javascript" src="<@s.url "/resources/common/js/m_administrative_division/m_administrative_division.js"/>"></script>
</head>
<script>
//导入
        function importdetail()
        {
           showimportform();

        }

        function showimportform()
        {
           //不显示定义dialog，因为dialog会无法关闭，用了destory
           $('<div></div>').dialog({
                id : 'dd',
                title : '导入页面',
                width: 400,
               height: 220,
                closed : false,
                cache : false,
                href: '<@s.url '/fileup/forwardToFile'/>'+'?admincode='+$('#admincode').val(),
                modal : true,
                onLoad : function() {
                    //初始化表单数据
                },
                onClose : function() {
                    $(this).dialog('destroy');
                },
                buttons :
                [
                   {
                        text : '导入',
                        id : 'btnupload'
                    },
                    {
                        text : '取消',
                        id : 'canceldlg',
                        handler : function () {
                            $('#dd').window('close');
                        }
                    }
               ]

            });
        }

</script>
<body class="easyui-layout">

       <div region="north" style="height:85px;">
           <div style="height:35px;">
           <a id="dosearch" href="javascript:search()" class="easyui-linkbutton" iconcls="icon-search">查询</a>
               
               
               
               
               <a href="javascript:importdetail()" class="easyui-linkbutton" iconcls="icon-upload">导入</a>
               
               <a href="//m_administrative_division/datail.ftl/" class="easyui-linkbutton" iconcls="icon-menu" style="right:180px">列表</a>
               
           </div>
           <div style="margin-top:5px;">
               <form id="module_search" method="post" action="">
                   <div class="dv-form-row">
                       <div class="dv-form-item">
                           <label for="moduleadmincode" style="margin-left:8px">政区代码:</label> <input
                               class=" " type="text" name="admincode" id="admincode"
                               style="width: 150px;" maxlength="32"/>
                               <label for="moduleadminname" style="margin-left:8px">名称:</label>
                           <input type="text" name="adminname" style="width:150px;" value="" id="adminname" maxlength="60"/>
                           <label for="moduleadminfullname" style="margin-left:8px">全称:</label>
                           <input type="text" name="adminfullname" style="width:150px;" value="" id="adminfullname" maxlength="60"/>
                           <label for="modulefathercode" style="margin-left:8px">上级政区代码:</label>
                           <input type="text" name="fathercode" style="width:150px;" value="" id="fathercode" maxlength="60"/>
                                 

                       </div>
                   </div>
               </form>
           </div>
       </div>
        <br>
        <div id="soneInfoList" region="center">
           <@p.datagrid id="adminInfo" name="" title="" loadUrl="/m_administrative_division/list.json" saveUrl="" defaultColumn=""
           isHasToolBar="false" divToolbar="" height="" width="" onClickRowEdit="false" singleSelect="true" pageSize='0'
           pagination="true" rownumbers="true" fitColumns="false"
           columnsJsonList="[
               {field:'id',title:'id',width:70,hidden:true},
                {field:'admincode',title:'政区代码',width:275,align:'center',halign:'center'},
                {field:'adminname',title:'名称',width:275,align:'center',halign:'center'},
                {field:'adminfullname',title:'全称',width:275,align:'center',halign:'center'},
                {field:'fathercode',title:'上级政区代码',width:275,align:'center',halign:'center'},
           ]"
           jsonExtend="{
                           onLoadSuccess: function (data)
                           {
                               if (data.rows.length > 0)
                               {
                                   $('#adminInfo').datagrid(\"selectRow\", 0);
                               }
                           }
                           ,onDblClickRow:function(index,row)
                           {
                               view();
                           }
                       }"
       />
       </div>
       <div id="dlg" class="easyui-dialog" style="width:580px;height:380px;" closed="true" buttons="#dlg-buttons">
          <div class="easyui-panel" fit="true">
                <form id="fm" method="post">
                   <div id="tabControl" class="easyui-tabs" style="width:605;">
                       <div title="基本信息" data-options="closable:false" style="padding:20px;">
                       <div class="fitem">
                          <input id="id" name="id" type="hidden"/>
                          <span id="username" style="display:none">${(Session["sessionuser"].userId)}</span>
                          <label>政区     代码：</label>
                          <input id="admincode" type="text" name="admincode" />
                       </div>
                        <div class="fitem">
                            <label>名              称：</label>
                            <input id="adminname" type="text" name="adminname"/>
                        </div>
                        <div class="fitem" >
                            <label>全              称：</label>
                            <input id="adminfullname" type="text" name="adminfullname" />
                        </div>
                        <div class="fitem" >
                            <label>上级政区代码：</label>
                            <input id="fathercode" type="text" name="fathercode" />
                        </div>

                       </div>
                   </div>
                </form>
          </div>
          <div id="dlg-buttons">
              <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" id="save">保存</a>
              <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" id="cancel" style="margin-right:88px;">关闭</a>
          </div>
      </div>
</body>

</html>

实现功能图如下：

ypg131

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
求解答：JS控制按钮切换页面，实现显示公共的部分前台代码如下：

行政类别管理 "/>">">">">">//导入 function importdetail() { showimportform(); } function showimportform()
复制链接

扫一扫