jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)

jQuery   EasyUI/TopJUI数据表格的增删改查功能(不写js,纯HTML实现!!!)

废话不多说,直接贴上代码

  //删除
    

效果展示:

jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)_第1张图片

新增

jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)_第2张图片

删除

(在选中一行的时候执行,否则它会提示你没有选中要删除的数据)

jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)_第3张图片

编辑

jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)_第4张图片

查询

jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)_第5张图片

仅仅一点点html代码,不用写js 就可以动态加载表格数据并且实现基本的增删改查功能,是不是特别简单呢。嘿嘿,这就是topjui的强大之处,里面的方法都是封装好的,直接调用组件的功能就OK了,当然你也可以自己写方法实现。后期会慢慢更新一些demo,敬请关注!

想了解topjui的朋友可以点击下方链接前往体验哦

 

  EasyUI中文网:http://www.jeasyui.cn

  TopJUI前端框架:http://www.topjui.com

  TopJUI交流社区:http://ask.topjui.com

 

你可能感兴趣的:(TopJUI,EasyUI)