EasyUI框架最被人诟病的就是它的UI界面了。前两天在我发的一篇文章《都说EasyUI框架的界面不够漂亮?稍有一点CSS知识就可以改造它》中就有网友留言说:“有现成好看的,为什么还要优化它?”这句话问的非常好,为什么?
就是因为它有着非常强大的数据交互能力,尤其适合企业级的项目开发包括网站后台管理。不信么?那就以最基础的panel面板组件为例,来看看它的数据“芯”究竟强在哪里?
如要测试本实例,请直接点击文末的“了解更多”链接。
要在panel面板中动态加载数据,它有最起码的8种处理方式。为方便实例测试,先在页面body中写入以下代码:
![9ca91b03049fa35ba8e733a458af3ccc.png](https://i-blog.csdnimg.cn/blog_migrate/1faf39398a91aa709b6655f05563e1a4.jpeg)
其中,第1个div用于生成面板,第2个div用于生成面板上面的工具栏,第3个div用于生成工具栏中的下拉菜单。
有了这些之后,只要执行以下js代码,即可自动生成面板及工具栏菜单:
![935a23bd2f1b7ebbb2450764177e62c1.png](https://i-blog.csdnimg.cn/blog_migrate/797bee310ce9900609d48c0067ab9740.jpeg)
如下图所示: