精华内容
下载资源
问答
  • LayUi禁用表格编辑

    千次阅读 2019-03-14 17:56:23
    保存表格数据的时候会查询数据库。。。 如果不让保存的时候就要将单元格们的可编辑状态变更一下,这个属性难找 // 表格单元格禁用编辑 $(layero).find('td').data('edit', false) ...

    保存表格数据的时候会查询数据库。。。

    如果不让保存的时候就要将单元格们的可编辑状态变更一下,这个属性难找

     

    // 表格单元格禁用编辑
    $(layero).find('td').data('edit', false)

    展开全文
  • layui数据表格编辑保存

    千次阅读 2019-07-26 11:01:08
    table class="layui-table layui-form" lay-data="{limit:30}" lay-filter="edittable"> <thead> <tr> <th lay-data="{field:'conf_key'}">键</th> <th lay-data="{fiel...
    <table class="layui-table layui-form" lay-data="{limit:30}" lay-filter="edittable">
    	<thead>
    		<tr>
    			<th lay-data="{field:'conf_key'}">键</th>
    			<th lay-data="{field:'conf_value', edit: 'text'}">值</th>
    		</tr>
    	</thead>
    </table>
    
    <script type="text/javascript">
        layui.use(['table'], function () {
            layui.table.on('edit(edittable)', function (obj) {
                var value = obj.value //得到修改后的值
                    , data = obj.data //得到所在行所有键值
                    , field = obj.field; //得到字段
                $.post("updateRobotConf", { id: data.conf_key, field: field, value: value }, function (data) {
                    if (data == "true") {
                        layer.msg("修改成功");
                    } else {
                        layer.msg(data);
                    }
                });
            });
        });
    </script>
    
    public string updateRobotConf(string id,string field,string value)
    {
    	try
    	{
    		aideAccountsFacade.ExecuteSql("update RobotConf set " + field + "='" + value + "' where id ='" + id + "'  ");
    		return "true";
    	}
    	catch (Exception e)
    	{
    		return e.Message;
    	}
    }
    
    
    
    
    
    
    

     

    展开全文
  • 我在浏览资料时,发现有很多人都在询问如何使用layui编辑过后怎么让其后面相对应的表格自动计算数据,所以我今天给大家分享一个我对该问题是如何解决的,虽然方法比较笨,但是个人认为能解决问题的方法都是不错的。...

    我在浏览资料时,发现有很多人都在询问如何使用layui编辑过后怎么让其后面相对应的表格自动计算数据,所以我今天给大家分享一个我对该问题是如何解决的,虽然方法比较笨,但是个人认为能解决问题的方法都是不错的。

    因为我个人的项目需求,需要当我修改数量的时候,金额会自动的改变,并且只是影响我修改的那一行金额
    在这里插入图片描述

    然后需要在初始化表格的时候用一下重载的回调,方便我们获取表格的数据
    在这里插入图片描述

    下一步是需要使用layui表格的编辑监听事件,来处理数据,本触发表格重载
    在这里插入图片描述

    需要注意的是图中的Ndata是表格中所有的数据,所有是给List数据,所有这里是要遍历循环给金额赋值

    对于数据的处理,重要根据自己项目处理

    赋值完后使用layui中的Table.reload的方法进行重载数据表格

    其中Url,where为必填

    如果是单条数据的重载,可以不用加method:’post’这个属性,但是如果使用的是List数据,或者数组,请千万不要忘记,因为不加,肯定传不到控制器,在下已经试过很多次了,没有一次成功

    Page这个属性,如果表格中数据不多,可以不要,如果有分页,肯定得写上

    页面的代码基本就解决完成了,

    然后就是控制器的接收部分,当然这部分非常简单。

    List<T>
    

    其中的T就是用来装Ndata的一个类,具体如何写根据自己的项目来决定
    在这里插入图片描述

    传进来,然后就可以直接传回页面,然后表格就自动计算出你需要的值了

    然后我觉得我的方法比较笨,但是这是我唯一想到了并且能用的方法。

    倘若是表格单条数据的重载就简单很多了

    展开全文
  • layui数据表格编辑完,刷新数据

    千次阅读 2020-04-20 11:44:48
    在用layui开发时,修改完表格数据后,表格没有显示我们修改完的数据。怎么办,只能去查看layui文档,终于看到了我想要的方法。如下图所示: 以下是我的方法级渲染:而上图中的username就是要对应我们方法级渲染的...

    在用layui开发时,修改完表格数据后,表格没有显示我们修改完的数据。怎么办,只能去查看layui文档,终于看到了我想要的方法。如下图所示:

    以下是我的方法级渲染:而上图中的username就是要对应我们方法级渲染的field

    // 方法级渲染
    				 var tableIns = table.render({
    					elem : '#LAY_table_terminalConfig',
    					data : powerUserDataTable,
    					cols : [ [ {
    						field : 'tId',
    						title : 'XXX',
    						align : 'center',
    					}, {
    						field : 'inport',
    						title : 'XXX',
    						align : 'center',
    					}, {
    						field : 'state',
    						title : 'XXXX',
    						align : 'center',
    					}, {
    						field : 'XXX',
    						title : 'XXX',
    						align : 'center',
    					}, {
    						field : 'XXXX',
    						title : 'XXXX',
    						align : 'center',
    					}, {
    						field : 'phone',
    						title : '电话',
    						align : 'center',
    					}, {
    						fixed : 'right',
    						title : '操作',
    						align : 'center',
    						toolbar : '#terminalConfigOperation',
    					} ] ],
    					id : 'testTerminalConfigReload',
    					page : true,
    					toolbar : '#terminalConfigToolBar'
    				});

    我的ajax请求:

    //把编辑的数据提交到后台
    $.ajax({
    		    url : basePath + '/PowerUser/postPowerUserData.action',
    			async : false,
    			cache : true,
    			type : 'POST',
    			data : {
    				cId : selectConcentrator,
    				tId : selectTerminal,
    				inport : inport,
    				accountName : accountName,
    				householdNumber : householdNumber,
    				phone : phone,
    				state : state,
    				admin : admin
    			},
    			success : function(data){
    					if(data.success){
    						layer.alert(data.message, {
    							icon : 1
    						});
    						setTimeout(function () {
    							//关闭所有弹出层
    							layer.closeAll(); //疯狂模式,关闭所有层
    							//重新缓存表格数据
    							obj.update({
    									inport: inport,
    									state: state,
    									householdNumber : householdNumber,
    									accountName : accountName,
    									phone : phone
    							});
    						}, 1000);
    				    }
    			},
    			error : function(){
    					console.log("用户数据获取失败!!!");
    			}
    });

    这样就可以完美解决编辑后表格数据不刷新问题了

    展开全文
  • 今天小编就为大家分享一篇Layui数据表格之单元格编辑方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Layui表格编辑

    2019-07-08 08:00:35
    Layui表格编辑 开发工具与关键技术:C# MVC 作者:李宥良 撰写时间:2019年7月7日 数据表格编辑主要使用场景:新增或编辑同时需要提交多条记录(原有模式只支持单条记录提交),通过编辑数据表格,保存获取所有...
  • layui数据表格编辑控制

    千次阅读 2020-12-16 17:24:22
    layui数据表格编辑控制 根据数据表格行的某个状态值来判断是否可编辑表格 借鉴 https://blog.csdn.net/weixin_43380792/article/details/103959182 用layui数据表格里的行点击触发事件进行修改状态控制,在JS中...
  • layui数据表格的初始框架,这里不赘述了。官方文档讲的很清楚,这里我们在框架写好的基础上,实现具体的功能,即已经写好以下界面: 我们具体实现它工具栏中的查看、编辑和删除功能。 在以下函数中编写: table.on...
  • Layui 表格编辑

    2019-04-14 10:06:00
    html代码 <td class="My_edit"></td> ...//-----[Layui表格编辑()] function Layui_edit(){ //点击时 选中文本 $(".My_edit").live("click",function(){ $(this).toggle(fu...
  • 最近做项目使用layui表格 编辑功能,虽然编辑了能换行展示,但是编辑的时候回到了一行编辑,修改的时候数据就很不友好了,所以百度了一遭终于找打了处理方法。(本文只留作记录,如有侵权,请与我联系) 1、修改...
  • Layui数据表格

    2020-01-10 10:47:00
    Layui数据表格SpringBoot项目实现Layui数据表格分页、查看和编辑 SpringBoot项目实现Layui数据表格分页、查看和编辑 项目目录: index.html: 使用Layui需要引用Layui的css和js,需要注意的是,Layui的使用依赖...
  • 今天小编就为大家分享一篇Layui数据表格判断编辑输入的值,是否为我需要的类型详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui表格编辑

    2020-02-13 19:51:55
    <!DOCTYPE html> <html> <head> <meta charset="utf-8">...Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compati...
  • layui数据表格checkbox编辑的时候选中

    千次阅读 2018-08-23 16:51:30
    以下代码实现了编辑的时候回显,如果是新增的时候,ids为空数组,如果是编辑,则进行初始化,编辑的思路主要是js模拟复选框的click事件,配合layui监听复选框的方法,把需要的数据进行全局缓存存储,实例中主要靠 ...
  • Layui数据表格监听单元格编辑,并获取原值
  • 1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下 ...以上这篇Layui数据表格跳转到指定页的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
  • Layui数据表格之单元格编辑

    千次阅读 2019-08-10 12:19:54
    开发工具与关键技术:VS、layui数据表格之单元格编辑 作者:陆桂超 撰写时间:2019年8月6日 layui是我们常用的一个插件,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式 ,其中...
  • 1、导入需要的文件,在layui的官网下载,路径改成自己的 <link rel="stylesheet" href="~/Content/css/layui.css" media="all"> <script src="~/Content/js/layui.js"></script> 2、html中只...
  • layui表格编辑修改session数据

    千次阅读 2019-07-07 18:02:34
    layui表格编辑修改session数据 开发工具与关键技术: 作者:熊琪 撰写时间:2019.7.06 Layui表格编辑,首先明白layui的表格属性,清楚其作用。Layu给人的一种感觉就是当你没有了解时,会感觉无从下手。在你了解之后...
  • 今天小编就为大家分享一篇layui table 表格上添加日期控件的两种方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Layui表格单元格编辑保存

    千次阅读 2019-06-26 22:09:44
    编辑后的值可以通过layui表格中的事件监听(监听单元格编辑)进行回调函数的编写,具体代码在上方 , 下面是post请求的控制器方法的代码 public ActionResult updateSupplierCategoryDetails(int ID , string...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,345
精华内容 938
关键字:

layui方法表格编辑