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

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

相关文章

SQL 中多表查询的常见连接方式详解

《SQL中多表查询的常见连接方式详解》本文介绍SQL中多表查询的常见连接方式,包括内连接(INNERJOIN)、左连接(LEFTJOIN)、右连接(RIGHTJOIN)、全外连接(FULLOUTER... 目录一、连接类型图表(ASCII 形式)二、前置代码(创建示例表)三、连接方式代码示例1. 内连接(I

docker如何删除悬空镜像

《docker如何删除悬空镜像》文章介绍了如何使用Docker命令删除悬空镜像,以提高服务器空间利用率,通过使用dockerimage命令结合filter和awk工具,可以过滤出没有Tag的镜像,并将... 目录docChina编程ker删除悬空镜像前言悬空镜像docker官方提供的方式自定义方式总结docker

轻松上手MYSQL之JSON函数实现高效数据查询与操作

《轻松上手MYSQL之JSON函数实现高效数据查询与操作》:本文主要介绍轻松上手MYSQL之JSON函数实现高效数据查询与操作的相关资料,MySQL提供了多个JSON函数,用于处理和查询JSON数... 目录一、jsON_EXTRACT 提取指定数据二、JSON_UNQUOTE 取消双引号三、JSON_KE

使用C++将处理后的信号保存为PNG和TIFF格式

《使用C++将处理后的信号保存为PNG和TIFF格式》在信号处理领域,我们常常需要将处理结果以图像的形式保存下来,方便后续分析和展示,C++提供了多种库来处理图像数据,本文将介绍如何使用stb_ima... 目录1. PNG格式保存使用stb_imagephp_write库1.1 安装和包含库1.2 代码解

查询SQL Server数据库服务器IP地址的多种有效方法

《查询SQLServer数据库服务器IP地址的多种有效方法》作为数据库管理员或开发人员,了解如何查询SQLServer数据库服务器的IP地址是一项重要技能,本文将介绍几种简单而有效的方法,帮助你轻松... 目录使用T-SQL查询方法1:使用系统函数方法2:使用系统视图使用SQL Server Configu

使用Python在Excel中插入、修改、提取和删除超链接

《使用Python在Excel中插入、修改、提取和删除超链接》超链接是Excel中的常用功能,通过点击超链接可以快速跳转到外部网站、本地文件或工作表中的特定单元格,有效提升数据访问的效率和用户体验,这... 目录引言使用工具python在Excel中插入超链接Python修改Excel中的超链接Python

MYSQL关联关系查询方式

《MYSQL关联关系查询方式》文章详细介绍了MySQL中如何使用内连接和左外连接进行表的关联查询,并展示了如何选择列和使用别名,文章还提供了一些关于查询优化的建议,并鼓励读者参考和支持脚本之家... 目录mysql关联关系查询关联关系查询这个查询做了以下几件事MySQL自关联查询总结MYSQL关联关系查询

Java实现Elasticsearch查询当前索引全部数据的完整代码

《Java实现Elasticsearch查询当前索引全部数据的完整代码》:本文主要介绍如何在Java中实现查询Elasticsearch索引中指定条件下的全部数据,通过设置滚动查询参数(scrol... 目录需求背景通常情况Java 实现查询 Elasticsearch 全部数据写在最后需求背景通常情况下

查询Oracle数据库表是否被锁的实现方式

《查询Oracle数据库表是否被锁的实现方式》本文介绍了查询Oracle数据库表是否被锁的方法,包括查询锁表的会话、人员信息,根据object_id查询表名,以及根据会话ID查询和停止本地进程,同时,... 目录查询oracle数据库表是否被锁1、查询锁表的会话、人员等信息2、根据 object_id查询被

Android kotlin语言实现删除文件的解决方案

《Androidkotlin语言实现删除文件的解决方案》:本文主要介绍Androidkotlin语言实现删除文件的解决方案,在项目开发过程中,尤其是需要跨平台协作的项目,那么删除用户指定的文件的... 目录一、前言二、适用环境三、模板内容1.权限申请2.Activity中的模板一、前言在项目开发过程中,尤