編輯layui表格


開發工具與關鍵技術:SQL Server 2014與jquery

作者:戴怡斌 

撰寫時間:2019年7月26日

在學習jquery路上,會有許多的困難和繁雜的代碼,相應的,也就會有許多的方法解決這些很繁亂的代碼,那就是插件,真的感謝這些人,插件是誰創建的我不知道,但越來越多的人在使用插件,這就夠了。

閒話少說,插件也分很多種,會用插件也是一門技術,而今天就要用到layui插件,layui插件裏面有數據表格這一項,就是今天用到的類容。
在這裏插入圖片描述
Layui插件有很多的js和css,找到和圖中一樣的就行了,數據表格這東西,如果自己做,太麻煩了,學會渲染表格只是其中的一步,要學的還很多(不說了,不然會嚇到一些小朋友)。

有時候會到表格做功能,比如,更換原始右鍵菜單,添加一行數據,編輯表格等等,今天要用到的就是數據表格編輯,意思就是可以在單元格里面更改數據,更直接,方便。
在這裏插入圖片描述
這就是數據表格編輯,可以直接在單元格里面刪除,修改啥的,這其實並不難,只要你會使用layui插件(壞笑),引用js和css後,一般渲染表格都是在script裏面寫的。

而設置數據表格編輯就可以改變一下,直接在css裏面寫,我們可以完全換一種寫法,class="layui-hide"改成class="layui-table",id和地址也就是url都要寫在lay-data裏面,原本的渲染都不需要了。

在這裏插入圖片描述
其他的類容就跟渲染表格差不多了,就不多說了,最後就是在jquery的代碼了,也很簡單,edit:這是固定的,不需要動他,test3:這個就是你設置的id了,然後下圖裏面有一些有用的信息,那就自己看吧。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章