正文
前言:之前介紹bootstrapTable組件的時(shí)候有提到它的行內(nèi)編輯功能,只不過(guò)為了展示功能,將此一筆帶過(guò)了,罪過(guò)罪過(guò)!最近項(xiàng)目里面還是打算將行內(nèi)編輯用起來(lái),于是再次研究了下x-editable組件,遇到過(guò)一些坑,再此做個(gè)采坑記錄吧!想要了解bootstrapTable的園友可以移步 JS組件系列——表格組件神器:bootstrap table。
本文原創(chuàng)地址:http://www.cnblogs.com/landeanfen/p/5821192.html
一、x-editable組件介紹
x-editable組件是一個(gè)用于創(chuàng)建可編輯彈出框的插件,它支持三種風(fēng)格的樣式:bootstrap、Jquery UI、Jquery。大致效果如下圖:
根據(jù)博主一貫的風(fēng)格,這里肯定是選用第一種嘍。首先還是給出開(kāi)源地址吧。