EOS 表单分页练习代码-1主页(未完,有bug)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33443020/article/details/82909126

随手练习,有大量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>

猜你喜欢

转载自blog.csdn.net/qq_33443020/article/details/82909126
eos
今日推荐