普元-提高效率:查询、删除、保存()

2023-12-20 16:08

本文主要是介绍普元-提高效率:查询、删除、保存(),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.写一个公共查询、删除逻辑流

查询:

点击逻辑构件空白处:

此处的name则你前端JSP传递过来的实体、查询实体名称

删除:params是前端页面你勾选的数据

空白处:

保存:

空白处:

2.jsp页面:form表单放入你的查询条件(即界面显示或部分隐藏字段)

此处的bgtOrgId和setOfBooksId为隐藏字段。

<form id="searchform">
            <div class="nui-toolbar" style="border-bottom: 0; padding: 0px;">
                <table style="width:100%;" class="nui-form-table">
                    <tr>
                        <th class="form_label">类型代码:</th>
                        <td><input id="bgtJournalTypeCode" name="criteria/_expr[2]/bgtJournalTypeCode" class="nui-textbox nui-form-input" /></td>
                        <th class="form_label">类型描述:</th>
                        <td><input id="description" name="criteria/_expr[3]/description" class="nui-textbox nui-form-input"/></td>
                        <th class="form_label"></th>
                        <td>
                            <a class="mini-button" iconCls="fssc-save" οnclick="search()">查询</a>
                            <a class="mini-button" iconCls="fssc-ok" οnclick="onReset()">重置</a>
                        </td>
                    </tr>
                </table>
            </div>
            <input class="nui-hidden" name="criteria/_expr[1]/bgtOrgId" id="bgtOrgId" value=""/>
            <input class="nui-hidden" name="criteria/_expr[1]/_op" value="=">
            <input class="nui-hidden" name="criteria/_expr[2]/_op" value="like">
            <input class="nui-hidden" name="criteria/_expr[3]/_op" value="like">
            <input class="nui-hidden" id="setOfBooksId" name="setOfBooksId" >
        </form>

删除按钮:

<div style="width:100%;">
        <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
            <table style="width:100%;">
                <tr>
                    <td style="width:100%;">

<a class="nui-button" iconCls="fssc-save" οnclick="saveData()">保存</a>
                        <a class="nui-button" iconCls="fssc-collapse" οnclick="removeRow()">删除</a>
                    </td>
                </tr>
            </table>           
        </div>
    </div>

grid列表:此处的URL是你前面建的公共查询逻辑构件

 <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;" allowAlternating="true"
                allowResize="false" pageSize="10" showPager="true" allowcellvalid="true" frozenStartColumn="0" frozenEndColumn="4"
                allowCellEdit="true" allowCellSelect="true" multiSelect="true" oncellbeginedit="onCellBeginEdit" oncellendedit="" oncellvalidation=""
                url="com.sgai.fssc.service.hec4cwgx.common.common.queryCommonConf.biz.ext" dataField="dataList" totalCount="total">
                <div property="columns" >
                    <div type="checkcolumn"></div>
                    <div field="bgtJournalTypeCode" align="center" headerAlign="center" width="100" vtype="required">类型代码
                        <input property="editor" class="mini-textbox" allowInput="true" style="width:100%;" />
                    </div>

............................此处字段太多久不放上了了

</div>

</div>

JS:如:

<script type="text/javascript">

var form = new nui.Form("#searchform");
    var grid1 = nui.get("datagrid1");
    var name = "com.sgai.fssc.service.hec4cwgx.bgtEntity.BgtJournalTypes";
    search();

function search(){
        //查询所属公司账簿的预算组织
        nui.ajax({
            url:"com.sgai.fssc.service.hec4cwgx.bgt.bgtperiods.queryBgtOrgCode.biz.ext",
            type:'post',
            contentType:'text/json',
            success:function(datas){
                if(datas.datas[0].bgtOrgCode==""){
                    showAlert("系统提示","请配置预算组织定义");
                }else{
                    nui.get("bgtOrgId").setValue(datas.datas[0].sid);
                    nui.get("setOfBooksId").setValue(datas.datas[0].setOfBooksId);
                    var json = form.getData(false,false);
                    var queryName = "com.sgai.fssc.service.hec4cwgx.bgtEntity.QueryBgtJournalTypeDef";//实体、查询实体名称
                    json.name = queryName;
                    grid1.load(json);
                }
            }
        });
    }

//删除
        function removeRow(){
            var rows=grid1.getSelecteds();
            if(rows.length > 0){
                var json=nui.encode({"params":rows,name:name});
                nui.confirm("确定删除选中记录?", "系统提示", function(action){
                    if(action!="ok")return;
                    nui.ajax({
                        url:"com.sgai.fssc.service.hec4cwgx.common.common.delCommonConf.biz.ext",
                        type:'post',
                        data:json,
                        contentType:'text/json',
                        success:function(text){
                            search();
                        }
                    });
                });
            } else {
                showAlert("失败","请选中一条记录");
            }
        }

function saveData(){
            grid1.validate();
             if(!grid1.isValid())return;
            var data = grid1.getChanges();
            var json=nui.encode({params:data,name:name});
            nui.ajax({
                url:"com.sgai.fssc.service.hec4cwgx.common.common.saveCommonConf.biz.ext",
                type:'post',
                contentType:'text/json',
                data:json,
                success:function(text){
                    var rtn = text.rtn;
                    if(rtn == "1"){
                        showAlert("成功","保存成功!");
                        search();
                    } else {
                        showAlert("失败","保存失败!");
                    }
                }
            });
        }

</script>

这篇关于普元-提高效率:查询、删除、保存()的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/516624

相关文章

MyBatis分页查询实战案例完整流程

《MyBatis分页查询实战案例完整流程》MyBatis是一个强大的Java持久层框架,支持自定义SQL和高级映射,本案例以员工工资信息管理为例,详细讲解如何在IDEA中使用MyBatis结合Page... 目录1. MyBATis框架简介2. 分页查询原理与应用场景2.1 分页查询的基本原理2.1.1 分

Java实现复杂查询优化的7个技巧小结

《Java实现复杂查询优化的7个技巧小结》在Java项目中,复杂查询是开发者面临的“硬骨头”,本文将通过7个实战技巧,结合代码示例和性能对比,手把手教你如何让复杂查询变得优雅,大家可以根据需求进行选择... 目录一、复杂查询的痛点:为何你的代码“又臭又长”1.1冗余变量与中间状态1.2重复查询与性能陷阱1.

MySQL中查询和展示LONGBLOB类型数据的技巧总结

《MySQL中查询和展示LONGBLOB类型数据的技巧总结》在MySQL中LONGBLOB是一种二进制大对象(BLOB)数据类型,用于存储大量的二进制数据,:本文主要介绍MySQL中查询和展示LO... 目录前言1. 查询 LONGBLOB 数据的大小2. 查询并展示 LONGBLOB 数据2.1 转换为十

使用SpringBoot+InfluxDB实现高效数据存储与查询

《使用SpringBoot+InfluxDB实现高效数据存储与查询》InfluxDB是一个开源的时间序列数据库,特别适合处理带有时间戳的监控数据、指标数据等,下面详细介绍如何在SpringBoot项目... 目录1、项目介绍2、 InfluxDB 介绍3、Spring Boot 配置 InfluxDB4、I

Go语言使用Gin处理路由参数和查询参数

《Go语言使用Gin处理路由参数和查询参数》在WebAPI开发中,处理路由参数(PathParameter)和查询参数(QueryParameter)是非常常见的需求,下面我们就来看看Go语言... 目录一、路由参数 vs 查询参数二、Gin 获取路由参数和查询参数三、示例代码四、运行与测试1. 测试编程路

MySQL 数据库表操作完全指南:创建、读取、更新与删除实战

《MySQL数据库表操作完全指南:创建、读取、更新与删除实战》本文系统讲解MySQL表的增删查改(CURD)操作,涵盖创建、更新、查询、删除及插入查询结果,也是贯穿各类项目开发全流程的基础数据交互原... 目录mysql系列前言一、Create(创建)并插入数据1.1 单行数据 + 全列插入1.2 多行数据

MySQL 数据库表与查询操作实战案例

《MySQL数据库表与查询操作实战案例》本文将通过实际案例,详细介绍MySQL中数据库表的设计、数据插入以及常用的查询操作,帮助初学者快速上手,感兴趣的朋友跟随小编一起看看吧... 目录mysql 数据库表操作与查询实战案例项目一:产品相关数据库设计与创建一、数据库及表结构设计二、数据库与表的创建项目二:员

Linux查询服务器 IP 地址的命令详解

《Linux查询服务器IP地址的命令详解》在服务器管理和网络运维中,快速准确地获取服务器的IP地址是一项基本但至关重要的技能,下面我们来看看Linux中查询服务器IP的相关命令使用吧... 目录一、hostname 命令:简单高效的 IP 查询工具命令详解实际应用技巧注意事项二、ip 命令:新一代网络配置全

Linux查询服务器系统版本号的多种方法

《Linux查询服务器系统版本号的多种方法》在Linux系统管理和维护工作中,了解当前操作系统的版本信息是最基础也是最重要的操作之一,系统版本不仅关系到软件兼容性、安全更新策略,还直接影响到故障排查和... 目录一、引言:系统版本查询的重要性二、基础命令解析:cat /etc/Centos-release详

mybatisplus的逻辑删除过程

《mybatisplus的逻辑删除过程》:本文主要介绍mybatisplus的逻辑删除过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录myBATisplus的逻辑删除1、在配置文件中添加逻辑删除的字段2、在实体类上加上@TableLogic3、业务层正常删除即