自定义数据表格&跳转页面_设备接口管理 选择表格一条数据 跳转页面_ZX-10R的博客-程序员秘密

开发工具与关键技术:VS软件,自定义数据表格&跳转页面
作者:陈隆
撰写时间:2019年07月27日

说到数据表格就一定回想到是用什么插件生成的数据表格,现在的时代都是为了追求打代码的速度,所以就出现了许许多多的插件,这些插件就是为了让程序员更好的更快的开发项目,任何的插件存在都是为了给程序员的使用的,我现在正在做的数据表格也是使用一种插件来实现的,插件的用处是非常的大的,可以使用插件来实现的功能也是很多的,数据表格只是其中的一种,还有表格的自定义列也是需要插件来实现的,如果不使用插件来制造数据表格,那么打代码的量就会增加了许多的,只有使用插件才可以减少了不少的代码,就是这样的方便所以插件就会越来越的多,使用插件的程序员也是不少的,那么我这里使用的插件是layui插件,需要使用这个插件的可以在网上下载来使用的,那么下面就开始写主要内容的代码。(数据表格中自定义列代码)
$(function () {
layui.use([‘layer’, ‘table’], function () {
layer = layui.layer;
layuiTable = layui.table;
//表格初始化
tabCustomer = layuiTable.render({
elem: “#tabCustomer”,
url: “/MarketingManagement/CustomerManagement/SelectTabCustomer”,//数据接口
cols: [[//表头
{ field: “CustomerComplaintID”, title: “CustomerComplaintID”, hide: true },
{ field: “ProjectName”, title: “所在项目”, align: “center” },
//表格自定义列
{ title: “投诉类型”, templet: setComplaintType, align: “center”, sort: true },
{ field: “ComplaintStatus”, title: “投诉状态”, align: “center”, width: 100 },
{ field: “CustomerName”, title: “客户姓名”, align: “center” },
{ field: “ComplaintContent”, title: “投诉内容”, align: “center” },
]],
data: [],
}) })})
其实自定义列就是在数据表格中的表头中操作的,表头中只是需要一句代码就可以了,然后就是需要写一个方法把需要的数据给自定义列添加上,接着就继续写一下方法中的代码把。
//表格自定义列(投诉类型)
function setComplaintType(data) {
//获取需要的内容
var customerComplaintId = data.CustomerComplaintID;//客户投诉ID
var complaintType = data.ComplaintType;//投诉类型
var str = "<a style='color:#888;text-decoration:underline' href='javascript:showComplaintPage(" + customerComplaintId + ")'>" + complaintType + "</a>";
return str;
}
//打开客户投诉查看页
function showComplaintPage(customerComplaintId) {
window.location.href = “/MarketingManagement/CustomerManagement/ComplaintPage?customerComplaintId=” + customerComplaintId;
}
就是获取到需要的内容就可以了,需要显示什么内容就获取就可以了,但是是需要查询出来的数据才可以获取到的,要不然是没有数据的,简单的查询我这里就不写了,获取到需要的数据后就声明一个变量等于一个a标签就可以了,然后在标签中写上需要的样式和跳转页面的参数就可以了,记得页面跳转是需要拼接一个数据的ID的要不然跳转后无法操作其他的功能,比如最基本的删、查、改,这都是需要获取到数据的ID才可以完成的,那么拼接上ID后就还需要写一个方法来进行页面的跳转,就是打开某查看页的方法,到这里欧接收一下上面方法传的ID然后传送到需要打开的页面的控制器中,接的要拼接上ID,然后页面中的代码就完成了。
接下来就是需要继续写控制器的代码了。(控制器中的代码)
public ActionResult ComplaintPage(int customerComplaintId)
{
//设置session
Session[“customerComplaintId”] = customerComplaintId;
return View();
}
这就是控制器中的代码,其实跳转页面不需要ID也是可以进行跳转的,只不过没有ID就不能进行其他的操作了,在控制器中接收到传过来的ID后,还需要把ID传到session中,反正我想到的就是这样把需要的ID在新打开的页面中拿到,或许还有很多的方法可以把这个ID给传到新打开的页面中,这也是没有可能的,因为可以实现同一个功能的代码真的有很多很多的方法可以实现的。把ID通过session传到页面中。然后就是可以在页面中通过session把这个ID给拿到了。拿到后就可以在页面做任何的可以实现的功能了。那么下面来看一下在新打开的页面可以实现什么的功能。(页面截图)
在这里插入图片描述
上图就是通过自定义表格列中所打开的页面,在这个页面中是可以实现很多的功能的,不过这些公能都是和传过来的ID有着一定的关系的,没有关系的功能,在这个页面上实现应该也是没有什么大用处的,这样就玩成了这些功能了。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44538411/article/details/97514729

智能推荐

linux常用终端命令(三)远程管理命令_bacite5315的博客-程序员秘密

三、远程管理常用命令关机/重启shutdown查看或配置网卡信息ifconfigping远程登录和复制文件sshscp1、关机/重启序号命令对应英文作用01shutdown 选项 时间shutdown关机/重启1.1、shu...

matlab彩色图像边缘检测,Matlab多种图像边缘检测方法_季静白的博客-程序员秘密

1、用Prewitt算子检测图像的边缘I = imread('bacteria.BMP');BW1 = edge(I,'prewitt',0.04); % 0.04为梯度阈值figure(1);imshow(I);figure(2);imshow(BW1);2、用不同σ值的LoG算子检测图像的边缘I = imread('bacteria.BMP');BW1 = edge(I...

程序员相亲图鉴,太真实了!_码农突围的博客-程序员秘密

击上方“码农突围”,马上关注,每天早上8:50准时推送真爱,请置顶或星标转载自公众号【单身青年李二狗】,经授权发布程序员,已经渐渐成当代相亲市场的一只主力军。甚至可以说是...

简易Qt图片查看器_qt 图片查看器_码农爱学习的博客-程序员秘密

本篇实现了示意Qt实现一个j简易的图片查看器,可以实现任意目录下图片的查看,鼠标与滚轮操作图片放大缩小移动等。

Ansible源码解析:配置的读取和使用_三苦的博客-程序员秘密

其中C是lib/ansible/constants.py,在:lib/ansible/cli/__init__.py 的第36行有声明。from ansible import constants as C但constants中并没有显式声明DEFAULT_FORKS常量。我们通过阅读文档,或查看ansible的帮助,可以知道默认的并发进程数是5,这个默认值可以通过编辑lib/ansible/...

开源中国APP Android端源码分析系列(一)_qq_15691107的博客-程序员秘密

简述这篇文章是基于OSCHINAAndroid客户端4.1.7版本的分析,之前很多人都分析过源码,但是都是几年前的代码分析,随着时间的推移,开源中国的源码也在变化,接下来的一段时间我将分享我通过学习开源中国的代码所获得东西。启动页面研究一个APP或者一个网站的源码,最开始的时候一定会从APP或者网站的入口学习。OSCHINA的入口从下的配置文件可以找到AndroidManifest.x...

随便推点

一幅图弄清DFT与DTFT,DFS的关系_小白study的博客-程序员秘密

很多同学学习了数字信号处理之后,被里面的几个名词搞的晕头转向,比如DFT,DTFT,DFS,FFT,FT,FS等,FT和FS属于信号与系统课程的内容,是对连续时间信号的处理,这里就不过多讨论,只解释一下前四者的关系。  首先说明一下,我不是数字信号处理专家,因此这里只站在学生的角度以最浅显易懂的性质来解释问题,而不涉及到任何公式运算。  学过卷积,我们都知道有时域卷积定理和频域卷积

UART、SPI和I2C详解_uart-rx接口影响usb充电吗_find12的博客-程序员秘密

原文链接做单片机开发时UART,SPI和I2C都是我们最经常使用到的硬件接口,我收集了相关的具体材料对这三种接口进行了详细的解释。UARTUART是一种通用串行数据总线,用于异步通信。该总线双向通信,可以实现全双工传输和接收。在嵌入式设计中,UART用于主机与辅助设备通信,如汽车音响与外接AP之间的通信,与PC机通信包括与监控调试器和其它器件,如EEPROM通信。将由计...

软件工程大众化:开发者经验(DX)和互联网计算机_开发者体验 dx_「已注销」的博客-程序员秘密

全文共3140字,预计学习时长8分钟图源:unsplash第三方开发者能够有效地创建和部署应用程序是我们在DEINITY的首要任务,我们致力于推出互联网计算机——一个开放的平台,软件直接在互联网上运行,而不是私人设备,以此来提高网络的创新能力。开发者经验(DX)以用户体验为重点,考虑产品用户方面来关注开发人员的需求。考虑到这一点,我们的DX团队正在不断评估开发工作流程,以做出改进并攻克难关。有效的DX设计为程序员提供了无缝体验,因为他们使用SDKs、APls、库、框架和其...

Android中ActionBar和ToolBar添加返回箭头的实例代码_alpgao的博客-程序员秘密

1.ActionBar添加返回箭头、//onCreate方法中ActionBar actionBar = this.getSupportActionBar();actionBar.setTitle("搜索功能");actionBar.setDisplayHomeAsUpEnabled(true);//activity类中的方法@Override public boolean onO...

DPU02-USB 转 UART 桥接芯片_动能世纪洪小姐的博客-程序员秘密

DPU02是一个高度集成的USB转UART的桥接控制器,该产品提供了一个简单的解决方案,可将RS-232设计更新为USB设计,并简化PCB组件空间。该DPU02包括了一个USB 2.0全速功能控制器、USB收发器、振荡器、EEPROM和带有完整调制解调控制信号的异步串行数据总线(UART)控制器,集成在一个5x5mm QFN-28封装的IC中,无需其他的外部USB元件。支持的数据格式 —— 数据bits:5,6,7和8 —— 停止bits:1,1.5和2 —— 校验:奇,偶,标记,空间,无校验。

推荐文章

热门文章

相关标签