EasyUI介绍

官网:http://www.jeasyui.net/

easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。

easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。

使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大。

Layout 布局

Region:布局位置,上北下南,左西右东,中间

Title:标题

Split:是否支持拖动分割线

Datagrid 数据网格

数据网格(datagrid)以表格格式显示数据,并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格(datagrid)的设计目的是为了减少开发时间,且不要求开发人员具备指定的知识。它是轻量级的,但是功能丰富。它的特性包括单元格合并,多列页眉,冻结列和页脚,等等。

相关文档:http://www.jeasyui.net/plugins/183.html

简单实现一个表格,提供数据,会自动解析,并添加到表中

url:数据来源,可以JSON,也可以是servlet(接口)

<th>中field(字段):定义字段名称,一般和后天返回的数据字段名称要一致。

Toolbar:定义表格的工具栏

method:"POST",

loadMsg:数据正在加载的时候,显示的提示语句

reload:重新加载数据

 

Dialog 对话框

对话框(dialog)是一个特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。默认情况下,对话框(dialog)只有一个显示在头部右侧的关闭工具。用户可以配置对话框行为来显示其他工具(比如:可折叠 collapsible、可最小化 minimizable、可最大化 maximizable,等等)。

 

Logo

前往低代码交流专区

更多推荐