SSH--------------------下拉框加载数据

最新推荐文章于 2023-01-30 17:49:20 发布
最新推荐文章于 2023-01-30 17:49:20 发布
阅读量152 收藏
点赞数
分类专栏： SSH
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32659773/article/details/106117134
版权

1、与之前发表的文章相似，主要的改动是在点击下拉框是加载数据

2、jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>管理定区/调度排班</title>
    <!-- 导入jquery核心类库 -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
    <!-- 导入easyui类库 -->
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath }/js/easyui/ext/portal.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath }/css/default.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath }/js/easyui/ext/jquery.portal.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath }/js/easyui/ext/jquery.cookie.js"></script>
    <script
            src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"
            type="text/javascript"></script>
    <script type="text/javascript">
        function doAdd() {
            $('#addDecidedzoneWindow').window("open");
        }

        function doEdit() {
            alert("修改...");
        }

        function doDelete() {
            alert("删除...");
        }

        function doSearch() {
            $('#searchWindow').window("open");
        }

        function doAssociations() {
            $('#customerWindow').window('open');
        }

        //工具栏
        var toolbar = [{
            id: 'button-search',
            text: '查询',
            iconCls: 'icon-search',
            handler: doSearch
        }, {
            id: 'button-add',
            text: '增加',
            iconCls: 'icon-add',
            handler: doAdd
        }, {
            id: 'button-edit',
            text: '修改',
            iconCls: 'icon-edit',
            handler: doEdit
        }, {
            id: 'button-delete',
            text: '删除',
            iconCls: 'icon-cancel',
            handler: doDelete
        }, {
            id: 'button-association',
            text: '关联客户',
            iconCls: 'icon-sum',
            handler: doAssociations
        }];
        // 定义列
        var columns = [[{
            field: 'id',
            title: '定区编号',
            width: 120,
            align: 'center'
        }, {
            field: 'name',
            title: '定区名称',
            width: 120,
            align: 'center'
        }, {
            field: 'staff.name',
            title: '负责人',
            width: 120,
            align: 'center',
            formatter: function (data, row, index) {
                return row.staff.name;
            }
        }, {
            field: 'staff.telephone',
            title: '联系电话',
            width: 120,
            align: 'center',
            formatter: function (data, row, index) {
                return row.staff.telephone;
            }
        }, {
            field: 'staff.station',
            title: '所属公司',
            width: 120,
            align: 'center',
            formatter: function (data, row, index) {
                return row.staff.station;
            }
        }]];

        $(function () {
            // 先将body隐藏，再显示，不会出现页面刷新效果
            $("body").css({visibility: "visible"});

            // 收派标准数据表格
            $('#grid').datagrid({
                iconCls: 'icon-forward',
                fit: true,
                border: true,
                rownumbers: true,
                striped: true,
                pageList: [30, 50, 100],
                pagination: true,
                toolbar: toolbar,
                url: "json/decidedzone.json",
                idField: 'id',
                columns: columns,
                onDblClickRow: doDblClickRow
            });

            // 添加、修改定区
            $('#addDecidedzoneWindow').window({
                title: '添加修改定区',
                width: 600,
                modal: true,
                shadow: true,
                closed: true,
                height: 400,
                resizable: false
            });

            // 查询定区
            $('#searchWindow').window({
                title: '查询定区',
                width: 400,
                modal: true,
                shadow: true,
                closed: true,
                height: 400,
                resizable: false
            });
            $('#selectstaff').combobox({                                                //实现点击下拉框加载数据
                url: '${pageContext.request.contextPath}/StaffAction_SelectStaff'
            });

            $("#btn").click(function () {
                alert("执行查询...");
            });



        });


        function doDblClickRow() {
            alert("双击表格数据...");
            $('#association_subarea').datagrid({
                fit: true,
                border: true,
                rownumbers: true,
                striped: true,
                url: "json/association_subarea.json",
                columns: [[{
                    field: 'id',
                    title: '分拣编号',
                    width: 120,
                    align: 'center'
                }, {
                    field: 'province',
                    title: '省',
                    width: 120,
                    align: 'center',
                    formatter: function (data, row, index) {
                        return row.region.province;
                    }
                }, {
                    field: 'city',
                    title: '市',
                    width: 120,
                    align: 'center',
                    formatter: function (data, row, index) {
                        return row.region.city;
                    }
                }, {
                    field: 'district',
                    title: '区',
                    width: 120,
                    align: 'center',
                    formatter: function (data, row, index) {
                        return row.region.district;
                    }
                }, {
                    field: 'addresskey',
                    title: '关键字',
                    width: 120,
                    align: 'center'
                }, {
                    field: 'startnum',
                    title: '起始号',
                    width: 100,
                    align: 'center'
                }, {
                    field: 'endnum',
                    title: '终止号',
                    width: 100,
                    align: 'center'
                }, {
                    field: 'single',
                    title: '单双号',
                    width: 100,
                    align: 'center'
                }, {
                    field: 'position',
                    title: '位置',
                    width: 200,
                    align: 'center'
                }]]
            });
            $('#association_customer').datagrid({
                fit: true,
                border: true,
                rownumbers: true,
                striped: true,
                url: "json/association_customer.json",
                columns: [[{
                    field: 'id',
                    title: '客户编号',
                    width: 120,
                    align: 'center'
                }, {
                    field: 'name',
                    title: '客户名称',
                    width: 120,
                    align: 'center'
                }, {
                    field: 'station',
                    title: '所属单位',
                    width: 120,
                    align: 'center'
                }]]
            });

        }
    </script>
</head>
<body class="easyui-layout" style="visibility:hidden;">
<div region="center" border="false">
    <table id="grid"></table>
</div>
<div region="south" border="false" style="height:150px">
    <div id="tabs" fit="true" class="easyui-tabs">
        <div title="关联分区" id="subArea"
             style="width:100%;height:100%;overflow:hidden">
            <table id="association_subarea"></table>
        </div>
        <div title="关联客户" id="customers"
             style="width:100%;height:100%;overflow:hidden">
            <table id="association_customer"></table>
        </div>
    </div>
</div>

<!-- 添加 修改分区 -->
<div class="easyui-window" title="定区添加修改" id="addDecidedzoneWindow" collapsible="false" minimizable="false"
     maximizable="false" style="top:20px;left:200px">
    <div style="height:31px;overflow:hidden;" split="false" border="false">
        <div class="datagrid-toolbar">
            <a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true">保存</a>
        </div>
    </div>

    <div style="overflow:auto;padding:5px;" border="false">
        <form>
            <table class="table-edit" width="80%" align="center">
                <tr class="title">
                    <td colspan="2">定区信息</td>
                </tr>
                <tr>
                    <td>定区编码</td>
                    <td><input type="text" name="id" class="easyui-validatebox" required="true"/></td>
                </tr>
                <tr>
                    <td>定区名称</td>
                    <td><input type="text" name="name" class="easyui-validatebox" required="true"/></td>
                </tr>
                <tr>
                    <td>选择负责人</td>
                    <td>
                        <input id="selectstaff" class="easyui-combobox" name="region.id"
                               data-options="valueField:'id',textField:'name'"/>
                    </td>
                </tr>
                <tr height="300">
                    <td valign="top">关联分区</td>
                    <td>
                        <table id="subareaGrid" class="easyui-datagrid" border="false" style="width:300px;height:300px"
                               data-options="url:'json/decidedzone_subarea.json',fitColumns:true,singleSelect:false">
                            <thead>
                            <tr>
                                <th data-options="field:'id',width:30,checkbox:true">编号</th>
                                <th data-options="field:'addresskey',width:150">关键字</th>
                                <th data-options="field:'position',width:200,align:'right'">位置</th>
                            </tr>
                            </thead>
                        </table>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
<!-- 查询定区 -->
<div class="easyui-window" title="查询定区窗口" id="searchWindow" collapsible="false" minimizable="false" maximizable="false"
     style="top:20px;left:200px">
    <div style="overflow:auto;padding:5px;" border="false">
        <form>
            <table class="table-edit" width="80%" align="center">
                <tr class="title">
                    <td colspan="2">查询条件</td>
                </tr>
                <tr>
                    <td>定区编码</td>
                    <td><input type="text" name="id" class="easyui-validatebox" required="true"/></td>
                </tr>
                <tr>
                    <td>所属单位</td>
                    <td><input type="text" name="staff.station" class="easyui-validatebox" required="true"/></td>
                </tr>
                <tr>
                    <td colspan="2"><a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>

<!-- 关联客户窗口 -->
<div class="easyui-window" title="关联客户窗口" id="customerWindow" collapsible="false" closed="true" minimizable="false"
     maximizable="false" style="top:20px;left:200px;width: 400px;height: 300px;">
    <div style="overflow:auto;padding:5px;" border="false">
        <form id="customerForm"
              action="${pageContext.request.contextPath }/decidedzone_assigncustomerstodecidedzone.action"
              method="post">
            <table class="table-edit" width="80%" align="center">
                <tr class="title">
                    <td colspan="3">关联客户</td>
                </tr>
                <tr>
                    <td>
                        <input type="hidden" name="id" id="customerDecidedZoneId"/>
                        <select id="noassociationSelect" multiple="multiple" size="10"></select>
                    </td>
                    <td>
                        <input type="button" value="》》" id="toRight"><br/>
                        <input type="button" value="《《" id="toLeft">
                    </td>
                    <td>
                        <select id="associationSelect" name="customerIds" multiple="multiple" size="10"></select>
                    </td>
                </tr>
                <tr>
                    <td colspan="3"><a id="associationBtn" href="#" class="easyui-linkbutton"
                                       data-options="iconCls:'icon-save'">关联客户</a></td>
                </tr>
            </table>
        </form>
    </div>
</div>
</body>
</html>

3、action

public void SelectStaff() throws IOException {
    List<Staff> staffList = iStaffService.SelectStaff();
    RespJson(staffList, new String[]{"telephone", "haspda", "deltag", "standard", "station"});
}

4、baseAction

protected  void RespJson(Object o,  String[] strs) throws IOException {
    JsonConfig jsonConfig = new JsonConfig();
    jsonConfig.setExcludes(strs);
    HttpServletResponse httpServletResponse = ServletActionContext.getResponse();
    httpServletResponse.setHeader("content-type", "text/json;charset=utf-8");
    if(o instanceof Collection){
        JSONArray jsonObject=JSONArray.fromObject(o, jsonConfig);
        httpServletResponse.getWriter().write(jsonObject.toString());
    }else{
        JSONObject jsonObject = JSONObject.fromObject(o, jsonConfig);
        httpServletResponse.getWriter().write(jsonObject.toString());
    }
}

5、service

public List<Staff> SelectStaff() {
    DetachedCriteria detachedCriteria=DetachedCriteria.forClass(Staff.class);
    detachedCriteria.add(Restrictions.eq("deltag","0"));
    return iStaffDao.SelectStaff(detachedCriteria);
}

5、dao

public List<Staff> SelectStaff(DetachedCriteria detachedCriteria) {
    return hibernateTemplate.findByCriteria(detachedCriteria);
}
保温杯有枸杞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
openbmc-web3：添加语言
master
03-06 2853
webui-vue在登录界面支持语言选择，目前支持英语、西班牙语和俄语三种语言，其中，西班牙语翻译很少，本文是添加汉语支持，其它语言支持操作相同。webui-vue软件包基于i18n（ internationalization国际化的英文单词，首末字符i和n，18为中间的字符数）已经支持了支持英语、西班牙语、俄语三种语言（实际西班牙语和英语没什么区别，俄语翻译工作已经完成），基于i18n我们可以很容易的进行web页面的汉化工作。
uni-app 小程序项目 一 起步 构建项目、tabBar、配置网络请求（使用npm包）、首页（轮播图、分页区域、楼层区）
m0_55170432的博客
07-11 1553
1.0 uni-app 简介 uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 详细的 uni-app 官方文档，请翻阅 https://uniapp.dcloud.net.cn/ 1.1 开发工具（ HBuilderX ） uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处： 模板丰富 完善的智能提示 一
SSH2中select下拉框的用法
08-29
通过后台完成传递数据到前台jsp页面完整展示，内含有mysql数据库文件
AjAX+SSH实现省份下拉菜单
LuisChen的博客
03-15 1442
java环境下实现省份下拉菜单，直接上代码：Jsp页面<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%> <% String path =
ssh中的下拉列表的回显
weixin_42659261的博客
09-14 618
&lt;!-- 从后台传值过来--&gt; &lt;s:set var="printTermID" value="#printTermID" &gt;&lt;/s:set&gt; &lt;form class="navbar-form navbar-left" action="UserAction_findTermID"
ssh+ajax的二级下拉菜单
04-14
里面集成struts2+spring+hibernate注解,使用mysql数据库，来进行二级下拉，sql文件也在里面，供大家参考，不喜勿喷。个人也花了1个小时研究写出来的。
SSH框架下ajax实现无刷新下拉菜单-行政区域管理
大猫君
06-25 318
数据表结构：struts配置文件： &lt;package name="area" namespace="/area" extends="json-default" &gt; &lt;action name="ajax" class="action.AreaAction" method="ajax"&gt;         
Only老K说-SSH框架搭载layui实现select下拉框动态数据回显绑定
only老K的博客 qq:1025271924
10-25 422
目录前期提要撸起来前台代码后台代码Bas_DictDao.javaBas_DictAction.java效果图 前期提要 搭建SSH框架，此处不多说自己看 我的博客SSH整合 项目中导入layui 点击下载即可 以及完成下拉框动态加载点击查看 撸起来 前台代码 $.ajax({ url: '${pageContext.request.contextPath}/sy/bas_dict_...
Only老K说-SSH框架搭载layui完成下拉框动态加载
only老K的博客 qq:1025271924
10-23 315
目录前期提要撸起来提供需要使用的代码下拉框动态加载数据Sys_UserDao.java得到数据：最终效果图： 前期提要 搭建SSH框架，此处不多说自己看 我的博客SSH整合 项目中导入layui 点击下载即可 撸起来 提供需要使用的代码 下拉框 <select name="chc_due_to1" id="chc_due_to1" style="width:100px"> ...
Django web开发(一) - 前端
热门推荐
每天进步亿点点
11-30 6万+
Django学习 Web框架 Python语言
Spring+Struts+Hibernate 0基础学习查询，增加，下拉框查询，一看就会
11-02
Spring+Struts+Hibernate 0基础学习查询，增加，下拉框查询，一看就会,适合初学者！
教你如何设置动态下拉框
07-16
设置动态下拉框代码@Bind(id="projectItemName", attribute="value") private String projectItemName; @Accessible private SelectItem[] selectConditions = new SelectItem[0]; /** * 初始化设置选择条件下拉列表 */ public SelectItem[] initCombo() { List<CItemType> initComboos = cItemTypeService.findAll(); List<SelectItem> tempLists = new ArrayList<SelectItem>(); for (CItemType initComboo : initComboos) { tempLists.add(new SelectItem(initComboo.getItemTypeNum(),initComboo.getItemTypeName())); } return tempLists.toArray(new SelectItem[0]); }
ComboBox省市选择程序（附带SQL数据库创建语句）
11-17
ComboBox省市选择程序（附带SQL数据库创建语句）
如何通过ssh拉取服务器状态,Zabbix如何通过ssh监控获取网络设备数据
weixin_39683172的博客
07-29 499
场景模拟：某企业的运维人员想用zabbix监控以前购买的一批网络设备的光口的状态利用率，电压等信息，他们发现这台网络设备是支持snmp协议的，于是他们想通过snmp协议进行监控。但是由于这台设备的维保期已过，客服无法给他们提供oid文件。让该企业的运维人员无从监控。这时候他们发现zabbix有一种ssh的监控方式。于是他们打算使用该方式通过ssh获取数据。需求分析：光模块应该是多个，如果要监控多个...
Python从数据库（ssh）拉取数据并导出成表格（多个sheet）
最新发布
xiaokita的博客
01-30 751
又是提高工作效率的一个东西！！python拉取数据导出表格！！！
页面取值以及或取下拉框的值（Ajax适用于ssh（Strtus1框架））
cj_0513的博客
07-28 886
一、后台传递对象 public ActionForward getInvB(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception{ List&amp;amp;amp;amp;amp;amp;amp;lt;TInv...
SSH结合ajax实现下拉菜单
qq_37385585的博客
09-06 896
数据库中的内容:   直接输入action地址在界面中显示json格式的内容   实现方法: 1.action中的内容: userService就是正常的注入后的Service对象 对getAllUserAction方法说明(查询所有用户的方法): 1.正常得到集合对象就行了 2.一定要返回success 注意:做为json在前台返回的数据一定要在方法外声明,并设置ge...
ssh下拉框中显示数据库内容
wuzzi的博客
11-27 761
&lt;select class="form-control" id="userByUserId.id" name="userByUserId.id"&gt; &lt;c:forEach items="${uerList}" var="user"&gt; &lt;option value="${user.id}"&g
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值