host group

@@ -7,6 +7,7 @@ public class HttpUriContants {
 
     /***  机组信息   ****/
     public static final String HOST_GROUP_GETALL = "/hostGroup/getHostGroups";
+    public static final String HOST_GROUP_SAVE = "/hostGroup/saveHostGroup";
 
     /***  机组信息   ****/
     public static String GET_ALL_TYPE = "/type/query";

@@ -31,7 +31,13 @@ public class HostGroupCtrl {
     @ResponseBody
     public BaseResponse getHostGroups(PageRequest req) {
         BaseResponse response=httpRestClient.defaultPost(HttpUriContants.HOST_GROUP_GETALL, req, BaseResponse.class);
-        System.out.println("*****************************"+ JSON.toJSON(response));
+        return response;
+    }
+
+    @RequestMapping("/saveHostGroup")
+    @ResponseBody
+    public BaseResponse saveHostGroup(String req) {
+        BaseResponse response = httpRestClient.defaultPost(HttpUriContants.HOST_GROUP_SAVE, req, BaseResponse.class);
         return response;
     }
 

-<%@page language="java" contentType="text/html;charset=utf-8" %>
-<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<div id="breadcrumb">
-    <a href="#" title="Go to Home" class="tip-bottom"><i
-            class="icon-home"></i> Home</a> <a href="#" class="current">Tables</a>
-</div>
-
-<div class="container-fluid">
-
-
-    <div class="widget-box">
-        <div class="widget-title">
-
-            <h5>Dynamic table</h5>
-        </div>
-        <div class="widget-content nopadding">
-            <div class="widget-title" style="height: 53px;">
-                <div>
-                    <div class="form-inline" role="form" id="inBoxQueryDiv"
-                         style=" margin-top: 12px;margin-left: 25px;float: left;">
-                        <div class="input-group" style="float: left;">
-                            <span class="input-group-addon">IP：</span>
-                            <input type="text" id="" class="form-control" placeholder=""/>
-                        </div>
-                        <div class="input-group" style="float: left;">
-                            <span class="input-group-addon">IP：</span>
-                            <input type="text" id="" class="form-control" placeholder=""/>
-                        </div>
-                        <button id="submit" class="btn btn-default">搜索</button>
-                    </div>
-                    <button id="addBtn" class="btn btn-primary" style="margin-top: 12px;margin-left: 900px;">新增</button>
-                </div>
-            </div>
-            <div id="table">
-
-
-            </div>
-        </div>
-    </div>
-</div>
-<script>
-    $(function () {
-        var data = [];
-        for (var i = 0; i < 20; i++) {
-            data.push({
-                userId: i,
-                userName: "用户" + i,
-                status: i % 3 == 0 ? 0 : 1
-            });
-        }
-        $("#table").table({
-            striped: true,
-            panelClass: "panel-success",
-            pagination: true,
-            columns: [{
-                title: "用户id",
-                field: "userId"
-            }, {
-                title: "用户名称",
-                field: "userName"
-            }, {
-                title: "状态",
-                field: "status"
-            }],
-            data: data
-        });
-    });
-</script>

@@ -15,13 +15,33 @@
         </div>
         <div class="widget-content nopadding">
             <div class="widget-title" style="height: 53px;">
-                <div>
-                    <button id="addBtn" class="btn btn-primary" style="margin-top: 12px;margin-left: 900px;">新增</button>
-                </div>
+            <div>
+                <a href="#" id="open-modal" class="btn btn-primary">新增主机组</a>                </div>
             </div>
             <div id="hostGroupTable">
 
             </div>
+            <div id="myModal" class="modal hide">
+                <div class="modal-header">
+                    <button data-dismiss="modal" class="close" type="button">×</button>
+                    <h3>Modal header</h3>
+                </div>
+                <div class="modal-body">
+                    <label class="control-label">机组ID</label>
+                    <div class="controls">
+                        <input type="text" name="editGroupId"/>
+                    </div>
+                    <label class="control-label">机组名称</label>
+                    <div class="controls">
+                        <input type="text" name="editGroupName"/>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
+                    </button>
+                    <button type="button" id="submitBtn" class="btn btn-primary">提交</button>
+                </div>
+            </div>
         </div>
     </div>
 </div>
@@ -58,11 +78,25 @@
 
             },{
                 title : "操作",
-                field : "op",
-                width : "15%"
-            }]
+                formatter : function(rowData) {
+                    var div = $("<div>");
+                    var editBtn = $("<button onclick='editHostGroup(rowData.id,rowData.groupName)'>").addClass("btn btn-xs btn-success").html("修改").appendTo(div);
+                    div.append("&nbsp;");
+                    var delBtn = $("<button onclick='deleteHostGroup(rowData.id)'>").addClass("btn btn-xs btn-danger").html("删除")
+                            .appendTo(div);
+                    delBtn.click(function() {
+
+                    });
+                    return div;
+                }
+            } ]
         });
 
     });
+
+    //打开新增或修改页面
+    function editHostGroup(id,groupName) {
+
+    }
 </script>
\ No newline at end of file