layui表格显示图片,layui表格增加一行

  • 时间:
  • 浏览:0



大家都知道啊,layui是能够手动式筛选列的。可是这一筛选仅限当今,你如果再次关掉当今网页页面或是登陆进去,就又显示信息默认设置的列。很有可能有些人要说:那么就立即给出他人要想的默认设置的列就可以了嘛。可是世事难料啊。我也确实碰到这类奇怪状况:

A说:XX工啊,我这个客户身份证号用不上啊,你立即来到吧。你看看表格那么两列,我觉得的都烦。

OK,听你的,我除掉.....

結果没几日,HR那里来难题了:XX工啊,我仅有名字如何判断这个人究竟是谁啊,工厂5000多本人,好多人同名的,你这里毫无疑问要再加上身份证号的啊。

what?

这群臭婆娘,哎!尽不干人事部门。。。。

那咋办嘛?

也简易,我将列放出来给大家自身选,这下总没这么多事了吧。

可是layui自身只在前台接待做筛选,我关闭页面或是再次登陆就gg了啊。

没事儿,遇事不决先百度搜索。好家伙,在网上一顿顿找找......嘿,我也怪异了,压根连相近的回答也没有。这......这......这一giao我里giaogiao啊。

好在,总算官方给出了回应。

先上demo:

layui官方解决方法

照片的疏忽是:如果你应用table.reload轻载表格的cols的情况下,是没有办法保证的。直接的说便是旧的cols不容易由于你在table.reload中加上新的cols而被更换。那究竟怎么解决嘛。别着急,官方那么说:

layui官方解决方法

我给大家翻译翻译:

改动src/lay/modules/table.js下的Class.prototype.reload方式(很有可能有的版本号是I.prototype.reload),

提升:

if(options.cols && options.cols.constructor=== Array)deletethat.config.cols;

留意,这里的options在你的编码中到底是options還是e,并且我的版本号还得写出以下的文件格式:

e.cols && e.cols.constructor === Array && delete i.config.cols,

因此 实际的还得看着你的layui版本号,但是构思全是一样的。

从上边编码能够看得出,提升的编码的含意只不过便是多了一层分辨:

之前reload的情况下,只更换load中的data,如今不但更换了data,还提升了cols的內容更换。

好啦,看一下我这边的整体编码要如何使用(假定这里早已改动了table.js):

编码一

编码二

编码三

看得头痛是否?没事儿,我写的,没有人review编码,哈哈哈。你无需在意上边每段编码干了啥,就关注一件事:上边的全部实际操作全是用于给array_col取值用的,关键在下面:

table.redner

关心这一行: cols: [array_col],

这儿的array_col便是上文根据一系列实际操作获得的array_col,每一次table.render的情况下,都是会依据array_col的全新值来3D渲染table。那麼怎样记牢呢?没法,只有每一次点击查询的情况下,向数据库查询插进全新的查询条件......

在这儿我再表明一下:这里table.render的情况下我并沒有再加上url,取代它的的是data: [],目地是为了更好地避免 初次页面加载的情况下去载入表格(为何那么做我已经忘记了-_-,怪自己,代码规范做得不太好)。那麼url实际放进哪儿呢?没有错,便是在table.reload的情况下。

好啦,看一下最后的模样吧:

筛选一

筛选二

筛选三