Layui改变数据的状态

开发工具与关键技术: VisualStudio 2015 mvc

作者：杨泽平

撰写时间：2019、6、26

Layui改变数据状态，其实是给每条数据通过js方法往HTML里嵌入两种不同的文字或者两个不同的按钮，以达到区分的效果，这不仅是改变表面的状态，他还要改变数据库字段设置的状态。

这个功能在mvc里也是常用的，通常在一些收费数据里可以看到到，实现这个功能需要写三个方法，以费用数据的注销为例。

首先，将layui数据表格数据初始化出来，并把数据库的状态查出来显示在数据表格里，数据库默认状态是未注销，也就是true，数据初始化就不多说，下面先设置费用数据状态，获取页面显示的状态，然后if判断两种状态。

详情代码如下：

//设置费用状态

function setState(data) {var ChargeNo = data.ChargeNo;if (ChargeNo == "trun" || ChargeNo == true) {return "<span style='color:green;'>未注销</span>";} else {return "<span style='color:red;'>已注销</span>"}}

然后就是将费用注销的操作，先是要获取选中行数据，然后判断数据，注销是将状态改为false，这里需要到在控制器写修改方法，这方法是查询注销的那条数据修改他的状态，控制器方法详情看文末。

注

Layui改变数据的状态相关推荐

JSP根据状态动态改变数据表格按钮
有时候在开发的过程中会遇到需要根据状态ID 来动态改变数据表格的按钮,下面我主要讲述两种表格根据ID改变按钮的方式. 下面这种我是用EL 表达式获取表格中的值: <table class=&qu ...
改变默认字体大小和默认显示大小。默认开启电量百分比。漫游开关默认状态显示为开启,手机数据默认状态。流量节省（Data saver）默认状态
vendor/mediatek/proprietary/packages/apps/SettingsProvider/ src/com/android/providers/settings/Datab ...
ajax按钮改变数据状态
1.html代码 <td> @if($project->done_deal==0) <button type="button" class="bt ...
vue状态管理存取数据_vue状态管理vuex从浅入深详细讲解
1.vuex简介以及创建一个简单的仓库 vuex是专门为vue框架而设计出的一个公共数据管理框架,任何组件都可以通过状态管理仓库数据沟通,也可以统一从仓库获取数据,在比较大型的应用中,数据交互庞大的情 ...
Flutter入门三部曲(3) - 数据传递/状态管理 | 掘金技术征文
Flutter数据传递分为两种方式.一种是沿着数的方向从上向下传递状态.另一种是从下往上传递状态值. 沿着树的方向,向下传递状态按照Widgets Tree的方向,从上往子树和节点上传递状态. ...
mysql双节点安装_快速安装及配置MySQL Replication双主节点集群--及改变数据保存目录...
192.168.1.101 master/slave 192.168.1.102 slave 192.168.1.103 slave 操作系统均为centos6.5 原理图: 1. 分别安装my ...
php 企业微信指令回调借款_php处理微信支付回调改变订单支付状态的代码
本篇文章给大家带来的内容是关于php服务端APP微信支付回调验证签名改变订单支付状态,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.<?php //处理微信支付回调 $time ...
安卓网络连接全解：包括网络连接状态的监听、网络数据使用状态的监听、获取当前网络连接情况、启动wifi、获取当前连接wifi的网络情况、扫描wifi热点
全栈工程师开发手册 (作者:栾鹏) 安卓教程全解安卓网络连接情况全解:包括网络连接状态的监听.网络数据使用状态的监听.获取当前网络连接情况.启动wifi.获取当前连接wifi的网络情况.扫描wifi ...
layui table数据表格中数据返回成功，但页面不显示数据内容问题
layui table数据表格中数据返回成功,但页面不显示数据内容问题. 这是我做毕业设计的时候自己遇到的问题,后来查看了网上的一些技术贴子而得到解决,所以便想总结一个大概的方法,供大家参考! 一般导 ...

Layui改变数据的状态

Layui改变数据的状态相关推荐

最新文章

热门文章