随手练习,有大量bug,仅供参考
随手练习,有大量bug,仅供参考
随手练习,有大量bug,仅供参考
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--
- Author(s): w
- Date: 2018-09-27 20:05:36
- Description:
-->
<head>
<title>分页查询</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="<%= request.getContextPath() %>/common/nui/nui.js" type="text/javascript"></script>
</head>
<body style="width:98%;height:95%;">
<h1>分页表格</h1>
<div style="padding-bottom:5px;">
<span>ID查找:</span><input type="text" class="nui-textbox" id="key" />
<a class="nui-button" iconCls="icon-add" onclick="search()">查找</a>
<a class="nui-button" iconCls="icon-add" onclick="add()">增加</a>
<a class="nui-button" iconCls="icon-add" onclick="batchadd()">批量增加</a>
<a class="nui-button" iconCls="icon-add" onclick="delect()">删除</a>
<a class="nui-button" iconCls="icon-add" onclick="edit()">修改</a>
</div>
<input id="form1" class="nui-hidden" name="criteria/_entity" value="com.primeton.eos.newdataset.AMenu">
<div id="datagrid1" dataField="amenus" class="nui-datagrid" style="width:100%;height:40%;" url="com.primeton.eos.amenubiz.queryAMenus.biz.ext" pageSize="10" showPageInfo="true" multiSelect="true" onselectionchanged="selectionChanged" allowSortColumn="false">
<div property="columns">
<div type="checkcolumn">
</div>
<div field="menuid" headerAlign="center" allowSort="true">menuid</div>
<div field="menuname" headerAlign="center" allowSort="true">menuname</div>
<div field="menulabel" renderer="onGenderRenderer" align="center" headerAlign="center">menulabel</div>
</div>
</div>
<script type="text/javascript">
nui.parse();
var grid = nui.get("datagrid1");
var formData = new nui.Form("#form1").getData(false,false);
grid.load(formData);
//ID搜索
function search(){
var amenuId = nui.get("key").getValue();
$.ajax({
url:"com.primeton.eos.newcomponent.search.biz.ext",
type:'POST',
data:{'menuid':amenuId},
success:function(text){
nui.alert(text.fan);
},
});
}
//编辑
function edit(){
var row = grid.getSelected();
if(row){
nui.open({
url:"add.jsp",
onload:function(){
var iframe = this.getIFrameEl();
var data = {pageType:"edit",record:{amenus:row}};
//从表单获取数据
iframe.contentWindow.setFormData(data);
},
ondestroy:function(action){
grid.reload();
},
});
}else{
nui.alert("选择一条记录");
};
}
//增加
function add(){
nui.open({
url:"add.jsp",
onload:function(){
var iframe = this.getIFrameEl();
var data = {pageType:"add"};
iframe.contentWindow.setFormData(data);
},
ondestroy:function(action){
grid.reload();
}
});
}
//批量插入
function batchadd(){
nui.open("insert.jsp");
}
//删除
function delect(){
var rows = grid.getSelecteds();
if(rows.length > 0){
nui.confirm("确定删除选中记录?","系统提示",
function(action){
if(action=="ok"){
var json = nui.encode({amenus:rows});
$.ajax({
url:"com.primeton.eos.newcomponent.delete.biz.ext",
type:'POST',
data:json,
cache: false,
contentType:'text/json',
success:function(text){
var returnJson = nui.decode(text);
if(returnJson.exception == null){
grid.reload();
nui.alert("删除成功", "系统提示", function(action){
});
}else{
grid.unmask();
nui.alert("删除失败", "系统提示");
}
}
});
}
});
}else{
nui.alert("请选中一条记录!");
}
}
</script>
</body>
</html>