LigerUI java SSH小例子

1、新建web project
2、ssh框架加入到项目中去(这里不介绍，网上搜索)
3、struts2配置 http://www.cnblogs.com/istianyu/archive/2013/05/22/3093768.html
4、jsp页面 index2.jsp
 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

 <%@ taglib prefix="s" uri="/struts-tags"%>

 <%

 String path = request.getContextPath();

 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

   <head>

     <title>My JSP 'index2.jsp' starting page</title>

   </head>

     <link href="lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

     <link href="lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />

     <link href="lib/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />

     <script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

     <script src="lib/ligerUI/js/core/base.js" type="text/javascript"></script>

     <script src="lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>

     <script src="lib/ligerUI/js/plugins/ligerToolBar.js" type="text/javascript"></script>

     <script src="lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>

     <script src="lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>

     <script src="lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>

     <body>

     <div id="liger-grid"></div>

 <script type="text/javascript">

     $(function(){

         $("#liger-grid").ligerGrid({

             height:'auto',

             width:'600px',

             columns: [

                 { display: 'id', name: 'studentId', align: 'center'},

                         { display: '姓名', name: 'studentName'},

                         { display: '年龄', name: 'studentAge'},

                         { display: '年级', name: 'classes.className',render:function(data){return data.classes.className==null? "无" : data.classes.className }}

             ],

             url: 'student.action',

             pageSize:5,

             rownumbers:true,

             resizable :true,

             dataAction:'local',

                 toolbar: { items: [

                 { text: '增加', click: opt, icon: 'add' },

                 { text: '修改', click: opt, icon: 'modify' },

                 { text: '删除', click: opt, icon: 'delete' }

                 ]

                 }

         });

         function opt(type){

             var typeValue = type.icon;

             var manager = $("#liger-grid").ligerGetGridManager();

             var row = manager.getSelectedRow();

             switch (typeValue) {

             case "add":

                 $.ligerDialog.open({url: 'http://www.baidu.com',height: 350,width: 350});

                 break;

             case "modify":

                 $.ligerDialog.open({url: 'update.jsp?studentId='+row.studentId,height: 450,width: 450});

                 break;

             case "delete":

                  alert("您选择的是:" + row.studentId );

                 break;

             }

         }

     });

 </script>

     </body>

 </html>
巴特西

LigerUI java SSH小例子

最新文章

热门文章
