bootstrap table新增行编辑，后台进行json反序列化，进行增删改查

效果图先贴上：

点击新增增加一条新行、行内点击可进行修改、删除；

引用文件

   
   

   

   

   

   
   

ps：需注意bootstrap版本必须与bootstrap-editable.js的版本一致，我引用的是bootstrap 3的；

 

代码贴上：

html：

               

                    新增
                    保存
               

           

js：

 

 

后台代码：

        public JsonResult AddFj(string data, string status) 
        {

                JavaScriptSerializer js = new JavaScriptSerializer();
            if (status=="update")
            {
            SBSSGL_YGFJ sBSSGL_YGFJ = ParseFromJson(data);//json转model
            db.Entry(sBSSGL_YGFJ).State = EntityState.Modified;
            }
            if (status=="add")
            {
                List add = js.Deserialize>(data);//json反序列化转list
                foreach (var item in add)
                {
                    var insert = new SBSSGL_YGFJ{
                    YGFJ_ID=Guid.NewGuid(),
                    YGFJ_YG_ID=item.YGFJ_YG_ID,
                    YGFJ_NAME=item.YGFJ_NAME,
                    YGFJ_STATE = item.YGFJ_STATE,
                    YGFJ_BZ = item.YGFJ_BZ
                    };
                    db.SBSSGL_YGFJ.Add(insert);
                }

            }
            if (status == "delete")
            {
                string id = data.Replace("\"","");
                SBSSGL_YGFJ del = db.SBSSGL_YGFJ.Find(Guid.Parse(id));
                db.SBSSGL_YGFJ.Remove(del);
            }
            db.SaveChanges();
            return Json("success");
        }
        ///

        /// 获取Json的Model
        ///

        ///
        ///
        ///
        public static T ParseFromJson(string szJson)
        {
            T obj = Activator.CreateInstance();  //注意 要有T类型要有无参构造函数
            using (MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(szJson)))
            {
                DataContractJsonSerializer serializer = new DataContractJsonSerializer(obj.GetType());
                return (T)serializer.ReadObject(ms);
            }
        }