layui table 修改页面值，不刷新页面

一、点击单元格更新数据

table.on('tool(tbEvent)', function(obj) {var data = obj.data,layEvent = obj.event;var $this = $(this);layer.open({title: '设置状态', type: 1,shade: false,maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-myskin',area: ['650px', '200px'],content:$('#checkDiv'),btn:['保存','取消'],yes: function(index){//后台操作方法$this.text('');//点击的单元格赋值//给该行指定列赋值var rowindex = obj.tr[0].rowIndex;//点击行var tr = $('tr[data-index=\''+rowindex +'\']');tr.find('td[data-field = \'VC_CHUQIN\']').html('<div class="layui-table-cell">'+新值+'</div>');//tr.find('td[data-field = \'VC_CHUQIN\']').css('color','red');//改变颜色}});
});

二、点击单元格修改整列数据

table.on('tool(tbEvent)', function(obj) {var data = obj.data,layEvent = obj.event;var $this = $(this);layer.open({title: '设置状态', type: 1,shade: false,maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-myskin',area: ['650px', '200px'],content:$('#checkDiv'),btn:['保存','取消'],yes: function(index){//后台操作方法var cellIndex = $this[0].cellIndex;if(parseInt(cellIndex,10) < 10) cellIndex = '0'+cellIndex;var n = 'td[lay-event=\''+cellIndex+'\']'; //td中lay-event相同的$(n).html('<div class="layui-table-cell">要赋的值</div>');//$this.text('');//点击的单元格赋值
//以上是刷新点击框，下面刷新指定列$.ajax({url: basePath + '/findData.do?orgId=',type: 'post', async: false, dataType: 'json',success: function (result) {var newshuju = result.data;for(var b=0;b<=newshuju.length;b++){var v = newshuju[b];var tr = $('tr[data-index=\''+b+'\']');tr.find('td[data-field = \'VC_CHUQIN\']').html('<div class="layui-table-cell">'+v.VC_CHUQIN+'</div>');//tr.find('td[data-field = \'VC_CHUQIN\']').css('color','red');}}});}});
});

layui table 修改页面值，不刷新页面相关推荐

layUI table 按条件搜索结果整个页面刷新
layui table 按条件搜索结果整个页面刷新. 后台能进去,但是结果返回不回来,页面直接刷新解决:把 <button> 换成 < input type=button/> ...
JavaScript返回上一页后并刷新页面
一.返回上一页并刷新页面: window.location.replace(document.referrer); document.referrer:可以引用到上一个页面,这个属性是由浏览器支持的. ...
Vue 部署单页应用，刷新页面 404/502 报错
在 Vue 项目中,可以选择 hash或者 history.pushState() 实现路由跳转.如果在路由中使用history模式: export default new Router({mode: ...
404 单页应用报错路由_Vue 部署单页应用，刷新页面 404/502 报错
在 Vue 项目中,可以选择 hash或者 history.pushState() 实现路由跳转.如果在路由中使用history模式: export default new Router({ mode ...
layui table 修改为双击编辑
点开layui目录,编辑table.js文件,搜索i.data("edit"): a.layBody.on("click","td",fun ...
django 修改html无变化,Django Pycharm 修改html后立即刷新页面
写项目时需要页面实时刷新,而不是频繁人肉重启项目.测试过dj-static,django-livereload-server,此处使用livereload包,简单好用.仅在debug=False时生效 ...
layui table 滚动键盘
layui table翻页滚动条位置保持不变 2018年06月24日 07:30:53 cp1300 阅读数:1589 版权声明: https://blog.csdn.net/cp1300/artic ...
LayUI table 刷新页面不重置页码
layui table 刷新页面时会自动将页码初始化成1,本章内容介绍怎么让layui table刷新页面后留在当前页要实现此方法主要使用到cookie存储最后一次翻页的页码,主要修改layui\l ...
layui table 弹出层刷新_layui 关闭open弹出框刷新table表格页面的方法
layui 关闭open弹出框刷新table表格页面的方法如下所示: 保存后刷新table表格源码 //弹出框 layer.open({ type: 2, shadeClose: true, s ...

layui table 修改页面值，不刷新页面

layui table 修改页面值，不刷新页面相关推荐

最新文章

热门文章