【.net core】yisha框架单页面双列表联动效果示例
gridTable1列表数据为gridTable别表数据的子数据,点击gridTable时gridTable1列表数据更新,
@{Layout = "~/Views/Shared/_Index.cshtml";}
<div class="container-div"><div class="row"><div id="searchDiv" class="col-sm-12 search-collapse"><div class="select-list"><ul><li>合同名称:<input id="name" col="name" type="text" /></li><li>签订时间:<input id="signDate" col="signDate" type="text" /></li><li>负责人:<input id="headUser" col="headUser" type="text" /></li><li>审核状态:<input id="status" col="status" type="text" /></li><li><a id="btnSearch" class="btn btn-primary btn-sm" onclick="searchGrid()"><i class="fa fa-search"></i> 搜索</a></li></ul></div></div><div class="btn-group-sm hidden-xs" id="toolbar"><a id="btnAdd" class="btn btn-success" onclick="showSaveForm(true)"><i class="fa fa-plus"></i> 新增</a><a id="btnEdit" class="btn btn-primary disabled" onclick="showSaveForm(false)"><i class="fa fa-edit"></i> 修改</a><a id="btnDelete" class="btn btn-danger disabled" onclick="deleteForm()"><i class="fa fa-remove"></i> 删除</a></div><div class="btn-group-sm hidden-xs" id="toolbar"><a id="btnAddDetail" class="btn btn-success" onclick="showSaveDetailForm(true)"><i class="fa fa-plus"></i> 新增</a><a id="btnEditDetail" class="btn btn-primary disabled" onclick="showSaveDetailForm(false)"><i class="fa fa-edit"></i> 修改</a><a id="btnDeleteDetail" class="btn btn-danger disabled" onclick="deleteDetailForm()"><i class="fa fa-remove"></i> 删除</a></div><div class="col-sm-12 select-table table-striped" style="min-height: 47%;max-height: 47%"><table id="gridTable" data-mobile-responsive="true"></table></div><div class="col-sm-12 select-table table-striped" style="min-height: 47%;max-height: 47%"><table id="gridTable1" data-mobile-responsive="true"></table></div></div>
</div><script type="text/javascript">var curContractId = '0'$(function () {initGrid();initDetailGrid('0');});function initGrid() {var queryUrl = '@Url.Content("~/ContractManage/Salesmanagement/GetPageListJson")';$('#gridTable').ysTable({url: queryUrl,height:'350',onClickRow: function (row) {//单击事件,点击触发gridTable1表数据更新console.log('click',row.Id)refreshDetailGrid({ ContractId :row.Id});//渲染详细列表数据},columns: [{ checkbox: true, visible: true },{ field: 'Id', title: 'Id', visible: false },{ field: 'name', title: '合同名称' },{ field: 'signDate', title: '签订时间' },//{ field: 'contractNum', title: '合同编码' },//{ field: 'internalcontractNum', title: '内部合同编号' },{ field: 'internalUnit', title: '需求单位' },{ field: 'batchName', title: '批次名称' },//{ field: 'proId', title: '产品id', visible: false },//{ field: 'proName', title: '产品名称' },//{ field: 'model', title: '型号' },{ field: 'businessType', title: '业务类型' },//{ field: 'numbers', title: '数量' },//{ field: 'unit', title: '单位' },{ field: 'contractAllMonwy', title: '合同总额' },{ field: 'mateMoney', title: '匹配总额' },{ field: 'performanceMoney', title: '履约金额' },{ field: 'unPerformanceMoney', title: '未履约金额' },{ field: 'invoicingMoney', title: '开票金额' },{ field: 'unInvoicingMoney', title: '已匹配未开票金额' },{field: 'documentLink', title: '合同文件',formatter: function (value, row, index) {if (value != '') {return '<a href="' + value + '">下载</a>'}}},{ field: 'headUser', title: '负责人' },{ field: 'addDate', title: '添加时间' },{field: 'status', title: '审核状态',formatter: function (value, row, index) {if (value == "@VerifyEnum.Pass.ParseToInt()") {return '<span class="badge badge-primary">' + "@VerifyEnum.Pass.GetDescription()" + '</span>';}else if (value == "@VerifyEnum.UnPass.ParseToInt()") {return '<span class="badge badge-danger">' + "@VerifyEnum.UnPass.GetDescription()" + '</span>';}else {return '<span class="badge badge-warning">' + "@VerifyEnum.Wait.GetDescription()" + '</span>';}}},{field: 'orderStatus', title: '订单状态',formatter: function (value, row, index) {if (value == "@SalesOrderEnum.Ordered.ParseToInt()") {return '<span class="badge badge-primary">' + "@SalesOrderEnum.Ordered.GetDescription()" + '</span>';}else if (value == "@SalesOrderEnum.Produced.ParseToInt()") {return '<span class="badge badge-primary">' + "@SalesOrderEnum.Produced.GetDescription()" + '</span>';}else if (value == "@SalesOrderEnum.Shipped.ParseToInt()") {return '<span class="badge badge-primary">' + "@SalesOrderEnum.Shipped.GetDescription()" + '</span>';}else if (value == "@SalesOrderEnum.Received.ParseToInt()") {return '<span class="badge badge-primary">' + "@SalesOrderEnum.Received.GetDescription()" + '</span>';}else if (value == "@SalesOrderEnum.Invoiced.ParseToInt()") {return '<span class="badge badge-primary">' + "@SalesOrderEnum.Invoiced.GetDescription()" + '</span>';}else {return '<span class="badge badge-warning">' + "@SalesOrderEnum.Wait.GetDescription()" + '</span>';}}},{title: '操作',align: 'center',formatter: function (value, row, index) {var actions = [];if (row.status == 0) {actions.push('<a class="btn btn-warning btn-xs" href="#" onclick="SubVaild(\'' + row.Id + '\')">审核 </a> ');}actions.push('<a class="btn btn-warning btn-xs" href="#" onclick="address(\'' + row.Id + '\')" style="margin-left:2px">合同归档文件</a>');actions.push('<a class="btn btn-warning btn-xs" href="#" onclick="detail(\'' + row.Id + '\')" style="margin-left:2px">详情 </a>');return actions.join('');}}],queryParams: function (params) {var pagination = $('#gridTable').ysTable('getPagination', params);var queryString = $('#searchDiv').getWebControls(pagination);return queryString;}});}function initDetailGrid() {var queryUrl = '@Url.Content("~/ContractManage/SealsManagementDetail/GetPageListJson")';console.log("initDetailGrid");$('#gridTable1').ysTable({url: queryUrl,height: '350',columns: [{ checkbox: true, visible: true },{ field: 'Id', title: 'Id', visible: false },{ field: 'Name', title: '名称' },{ field: 'BatchName', title: '批次名称' },{ field: 'Model', title: '型号' },{ field: 'Specs', title: '规格' },{ field: 'Unit', title: '单位' },{ field: 'Number', title: '数量' },],queryParams: function (params) {var pagination = $('#gridTable1').ysTable('getPagination', params);var queryString = $('#searchDiv1').getWebControls(pagination);queryString.ContractId = curContractId;//检索明细参数console.log('queryString', queryString);return queryString;}});}function searchGrid() {$('#gridTable').ysTable('search');resetToolbarStatus();refreshDetailGrid({ ContractId: '0' });//初始化gridTable时清空gridTable1列表数据}function refreshDetailGrid(params){//点击主表行触发事件,刷新明细表数据为当前点击主表行明细数据curContractId = params.ContractId//赋值检索明细参数$('#gridTable1').ysTable('search');//更具条件查询gridTable1表}function showSaveForm(bAdd) {var id = 0;if (!bAdd) {var selectedRow = $('#gridTable').bootstrapTable('getSelections');if (!ys.checkRowEdit(selectedRow)) {return;}else {id = selectedRow[0].Id;}}ys.openDialog({title: id > 0 ? '编辑' : '添加',content: '@Url.Content("~/ContractManage/Salesmanagement/SalesmanagementForm")' + '?id=' + id,width: '968px',height: '750px',callback: function (index, layero) {var iframeWin = window[layero.find('iframe')[0]['name']];iframeWin.saveForm(index);}});}function deleteForm() {var selectedRow = $('#gridTable').bootstrapTable('getSelections');if (ys.checkRowDelete(selectedRow)) {ys.confirm('确认要删除选中的' + selectedRow.length + '条数据吗?', function () {var ids = ys.getIds(selectedRow);ys.ajax({url: '@Url.Content("~/ContractManage/Salesmanagement/DeleteFormJson")' + '?ids=' + ids,type: 'post',success: function (obj) {if (obj.Tag == 1) {ys.msgSuccess(obj.Message);searchGrid();}else {ys.msgError(obj.Message);}}});});}}function showSaveDetailForm(bAdd) {if (curContractId == '0') {ys.msgError('请先选择合同!');return false;}var id = 0;if (!bAdd) {var selectedRow = $('#gridTable1').bootstrapTable('getSelections');if (!ys.checkRowEdit(selectedRow)) {return;}else {id = selectedRow[0].Id;}}ys.openDialog({title: id > 0 ? '编辑' : '添加',content: '@Url.Content("~/ContractManage/SealsManagementDetail/SealsManagementDetailForm")' + '?id=' + id + '&ContractId=' + curContractId,width: '50%',height: '30%',callback: function (index, layero) {var iframeWin = window[layero.find('iframe')[0]['name']];iframeWin.saveForm(index);}});}function deleteDetailForm() {var selectedRow = $('#gridTable1').bootstrapTable('getSelections');if (ys.checkRowDelete(selectedRow)) {ys.confirm('确认要删除选中的' + selectedRow.length + '条数据吗?', function () {var ids = ys.getIds(selectedRow);ys.ajax({url: '@Url.Content("~/ContractManage/SealsManagementDetail/DeleteFormJson")' + '?ids=' + ids,type: 'post',success: function (obj) {if (obj.Tag == 1) {ys.msgSuccess(obj.Message);searchGrid();}else {ys.msgError(obj.Message);}}});});}}//详情function detail(id) {ys.openDialog({title: '查看详情',content: '@Url.Content("~/ContractManage/Salesmanagement/SalesmanagementForm")' + '?id=' + id +'&sType=1',width: '968px',height: '750px',callback: function (index, layero) {var iframeWin = window[layero.find('iframe')[0]['name']];iframeWin.saveForm(index);}});}//审核function SubVaild(id) {ys.openDialog({title: '审核',content: '@Url.Content("~/ContractManage/Salesmanagement/SalesmanagementVaild")' + '?id=' + id,width: '668px',height: '450px',callback: function (index, layero) {var iframeWin = window[layero.find('iframe')[0]['name']];iframeWin.saveForm(index);}});}//合同归档文件function address(id) {ys.openDialog({title: '上传合同归档文件',content: '@Url.Content("~/ContractManage/Salesmanagement/SalesmanagementContract")' + '?id=' + id,width: '768px',height: '450px',callback: function (index, layero) {var iframeWin = window[layero.find('iframe')[0]['name']];iframeWin.saveForm(index);}});}
</script>
相关文章:
【.net core】yisha框架单页面双列表联动效果示例
gridTable1列表数据为gridTable别表数据的子数据,点击gridTable时gridTable1列表数据更新, {Layout "~/Views/Shared/_Index.cshtml";} <div class"container-div"><div class"row"><div id"search…...

01. 板载硬件资源和开发环境
一、板载硬件资源 STM32F4VGT6-DISCOVERY硬件资源如下: (1). STM32F407VGT6微控制器有1M的FLASH存储器,192K的RAM,LQFP100封装 (2). 板上的ST-LINK_V2可以使用选择的方式把套件切换成一个独立的ST-LINK/V2来 使用(可以使用SWD…...
BlobDetector的使用与参数说明(OpenCV/C++)
通过opencv的BlobDetector方法可以检测斑点、圆点、椭圆等形状 以下是使用方式及代码说明: 1、导入必要的OpenCV库和头文件。 #include <opencv2/opencv.hpp> #include <opencv2/blob/blobdetector.hpp>2、读取图像并将其转换为灰度图像。 cv::Mat…...
行为型模式-空对象模式
在空对象模式(Null Object Pattern)中,一个空对象取代 NULL 对象实例的检查。Null 对象不是检查空值,而是反应一个不做任何动作的关系。这样的 Null 对象也可以在数据不可用的时候提供默认的行为。 在空对象模式中,我…...

爬虫采集如何解决ip被限制的问题呢?
在进行爬虫采集的过程中,很多开发者会遇到IP被限制的问题,这给采集工作带来了很大的不便。那么,如何解决这个问题呢?下面我们将从以下几个方面进行探讨。 一、了解网站的反爬机制 首先,我们需要了解目标网站的反爬机制…...

【ARM AMBA Q_Channel 详细介绍】
文章目录 1.1 Q_Channel 概述1.2 Q-Channel1.2.1 Q-Channel 接口1.2.2 Q-Channel 接口的握手状态1.2.3 握手信号规则 1.3 P_Channel的握手协议1.3.1 device 接受 PMU 的 power 请求1.3.2 device 拒绝 PMU 的 power 请求 1.4 device 复位信号与 Q _Channel 的结合1.4.1 RESETn 复…...

PDF Reader Pro v2.9.8(pdf编辑阅读器)
PDF Reader Pro是一款PDF阅读和编辑软件,具有以下特点: 界面设计简洁,易于上手。软件界面直观清晰,用户可以轻松浏览文档,编辑注释和填写表单。功能强大,提供了多种PDF处理工具,包括阅读、注释…...
【机器学习可解释性】1.模型洞察的价值
机器学习可解释性 1.模型洞察的价值2.排列的重要性3.部分图表4.SHAP Value5.SHAP Value 高级使用 正文 前言 本文是 kaggle上机器学习可解释性课程,共五部分,除第一部分介绍外,每部分包括辅导和练习。 此为第一部分,原文链接 如…...

网络安全保险行业面临的挑战与变革
保险业内大多数资产类别的数据可以追溯到几个世纪以前;然而,网络安全保险业仍处于初级阶段。由于勒索软件攻击、高度复杂的黑客和昂贵的数据泄漏事件不断增加,许多网络安全保险提供商开始感到害怕继续承保更多业务。 保险行业 根据最近的路…...
如何提高系统的可用性/高可用
提高系统可用性常用的一些方法,有缓存、异步、重试、幂等、补偿、熔断、降级、限流。 缓存 缓存的速度,比数据库快很多,添加缓存是简单有效的做法。 注意缓存与数据库的一致性,数据表记录变更时记得处理缓存。 Redis缓存的示例&…...
PCA和LDA数据降维计算(含数学例子推导过程)
PCA算法和LDA算法可以用于对数据进行降维,例如可以把一个2维的数据降低维度到一维,本文通过举例子来对PCA算法和LDA算法的计算过程进行教学展示。 PCA算法计算过程(文字版,想看具体计算下面有例子) 1.将原始数据排列成n行m列的矩阵…...

题目 1053: 二级C语言-平均值计算(python详解)——练气三层初期
✨博主:命运之光 🦄专栏:算法修炼之练气篇(C\C版) 🍓专栏:算法修炼之筑基篇(C\C版) 🍒专栏:算法修炼之练气篇(Python版) ✨…...

Python —— UI自动化之Page Object模式
1、Page Object模式简介 1、二层模型 Page Object Model(页面对象模型), 或者也可称之为POM。在UI自动化测试广泛使用的一种分层设计 模式。核心是通过页面层封装所有的页面元素及操作,测试用例层通过调用页面层操作组装业务逻辑。 1、实战 …...

职能篇—自动驾驶产品经理
自动驾驶产品开发流程 在讲自动驾驶产品经理之前,先简单了解一下自动驾驶的开发体系。如上图所示,从产品需求开始,经由系统需求、系统架构、软件需求、软件架构,最终分解到软件代码实现模块,再经由MIL、SIL、HIL、VIL完…...

ubuntu安装golang
看版本:https://go.dev/dl/ 下载: wget https://go.dev/dl/go1.21.3.linux-amd64.tar.gz卸载已有的go,可以apt remove go,也可以which go之后删除那个go文件,然后: rm -rf /usr/local/go && tar…...
ES 8 新特性
1. async 和 await async 和 await 两种语法结合可以让异步代码像同步代码一样。(即:看起来是同步的,实质上是异步的。) 先从字面意思理解,async 意为异步,可以用于声明一个函数前,该函数是异步的。await 意为等待,即等待一个异步方法完成。 1.1 async async 声明(…...

linux-防火墙
目录 一、防火墙概念 1.软件防火墙 2.iptables默认规则 3.iptables的五链 4.iptables动作 5.四表五链 6.iptables实例 一、防火墙概念 linux下防火墙一般分为软件防火墙、硬件防火墙 硬件防火墙:在硬件的级别实现防火墙过滤功能,性能高…...

Pytorch--3.使用CNN和LSTM对数据进行预测
这个系列前面的文章我们学会了使用全连接层来做简单的回归任务,但是在现实情况里,我们不仅需要做回归,可能还需要做预测工作。同时,我们的数据可能在时空上有着联系,但是简单的全连接层并不能满足我们的需求࿰…...
爬虫进阶-反爬破解9(下游业务如何使用爬取到的数据+数据和文件的存储方式)
一、下游业务如何使用爬取到的数据 (一)常用数据存储方案 1.百万级别数据:单机数据库,搭建和使用方便快捷,成本低 2.千万级别数据:负载均衡的多台数据库,安全和稳定 3.海量数据:…...
Docker常用应用部署
Docker常用应用部署 一、Ubuntu系统Docker快速安装 Docker官网安装文档:https://docs.docker.com/engine/install/ubuntu/ # 文本处理的流编辑器 -i直接修改读取的文件内容,而不是输出到终端 # sed -i s/原字符串/新字符串/ /home/1.txt # 下面这个是修…...

遍历 Map 类型集合的方法汇总
1 方法一 先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...

Linux相关概念和易错知识点(42)(TCP的连接管理、可靠性、面临复杂网络的处理)
目录 1.TCP的连接管理机制(1)三次握手①握手过程②对握手过程的理解 (2)四次挥手(3)握手和挥手的触发(4)状态切换①挥手过程中状态的切换②握手过程中状态的切换 2.TCP的可靠性&…...

跨链模式:多链互操作架构与性能扩展方案
跨链模式:多链互操作架构与性能扩展方案 ——构建下一代区块链互联网的技术基石 一、跨链架构的核心范式演进 1. 分层协议栈:模块化解耦设计 现代跨链系统采用分层协议栈实现灵活扩展(H2Cross架构): 适配层…...

网络编程(UDP编程)
思维导图 UDP基础编程(单播) 1.流程图 服务器:短信的接收方 创建套接字 (socket)-----------------------------------------》有手机指定网络信息-----------------------------------------------》有号码绑定套接字 (bind)--------------…...
python报错No module named ‘tensorflow.keras‘
是由于不同版本的tensorflow下的keras所在的路径不同,结合所安装的tensorflow的目录结构修改from语句即可。 原语句: from tensorflow.keras.layers import Conv1D, MaxPooling1D, LSTM, Dense 修改后: from tensorflow.python.keras.lay…...

佰力博科技与您探讨热释电测量的几种方法
热释电的测量主要涉及热释电系数的测定,这是表征热释电材料性能的重要参数。热释电系数的测量方法主要包括静态法、动态法和积分电荷法。其中,积分电荷法最为常用,其原理是通过测量在电容器上积累的热释电电荷,从而确定热释电系数…...
libfmt: 现代C++的格式化工具库介绍与酷炫功能
libfmt: 现代C的格式化工具库介绍与酷炫功能 libfmt 是一个开源的C格式化库,提供了高效、安全的文本格式化功能,是C20中引入的std::format的基础实现。它比传统的printf和iostream更安全、更灵活、性能更好。 基本介绍 主要特点 类型安全:…...
k8s从入门到放弃之HPA控制器
k8s从入门到放弃之HPA控制器 Kubernetes中的Horizontal Pod Autoscaler (HPA)控制器是一种用于自动扩展部署、副本集或复制控制器中Pod数量的机制。它可以根据观察到的CPU利用率(或其他自定义指标)来调整这些对象的规模,从而帮助应用程序在负…...
鸿蒙(HarmonyOS5)实现跳一跳小游戏
下面我将介绍如何使用鸿蒙的ArkUI框架,实现一个简单的跳一跳小游戏。 1. 项目结构 src/main/ets/ ├── MainAbility │ ├── pages │ │ ├── Index.ets // 主页面 │ │ └── GamePage.ets // 游戏页面 │ └── model │ …...

Linux-进程间的通信
1、IPC: Inter Process Communication(进程间通信): 由于每个进程在操作系统中有独立的地址空间,它们不能像线程那样直接访问彼此的内存,所以必须通过某种方式进行通信。 常见的 IPC 方式包括&#…...