operamasks-ui之omGrid简单使用
1.背景
1)本文只是简单记录下怎么使用operamasks-ui的omGrid进行增删改查,大部分代码可在operamasks-ui的demo看到;
2)前台使用freemarker模板,后台使用了Nutz框架;
?
2.先看下效果

?
3.前台代码编写
?
1)html
?
?
其中的?<@m.mp> 是自己编写的标签库,用于生成页面主体
其中的?<@m.omui /> ?是自己写的引入operamasks-ui的标签库,此标签的作用就是在页面上引入operamasks-ui所需的css和js文件。
?
?
2)css
?
?
??
从上往下依次是:验证、表格渲染、添加、删除、保存、查询
?
?
4.后台
?
1)显示列表,查询
?
看到列表渲染部分
?
2)删除
点击页面上的删除,只是调用了页面的omGrid进行删除行,没有去后台操作,要点击保存修改后才起作用
所以请看后面保存修改的代码。
?
3)新增
点击页面的新增,会调用:
?
?获取user表的下一个ID;
为了简单,我自己手动拼了一个json数据返回到前台;
?
4)保存修改
前台调用了:
?
??
?
?
?
===================================================
?
看了几天operamasks-ui,就写了这么点东西。。。
?
?
?
?