miniui 使用后端数据_MINIUI 表格内修改及各控件使用

表格界面整体展示

1、功能介绍：

1、 实现后台的数据库显示到前端datagrid表格界面

2、 实现数据表格的分页操作

3、 实现上端datagrid表格与下端editForm表格的数据绑定

4、实现视图内的数据新增、删除、保存功能

5、实现视图数据的斑马纹显示

6、通过点击最上端的两个勾选框，对数据表修改表格横竖线

7、选中一条数据，点击“上移”“下移”按钮实现数据位置的移动

8、选中一列进行数据列的锁定和取消锁定

9、在视图中对单行数据进行修改，头行编号属性锁定为不可修改，剩余属性为可修改，修改后属性添加标记

10、“国家”一列属性为下拉选择框

具体代码见具体代码：

公共页面

研究datagrid表格修改及各控件使用

横向表格线

竖向表格线

代码编号

站点名

效率标识

创建日期

国家

是否完成

项目详细信息

站点编号：

站点名称：

效率标识：

创建日期：

国家：

$(function() {

mini.parse();

var grid = mini.get("editgrid");

grid.load();

grid.so