jsp+easyui+DataGrid 例子
生活随笔
收集整理的這篇文章主要介紹了
jsp+easyui+DataGrid 例子
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
轉自:https://blog.csdn.net/l3922768721/article/details/51597977
導入js和css
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:set var="ctx" value="${pageContext.request.contextPath}" /> <meta charset="UTF-8"> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="0"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" type="text/css" href="${ctx}/css/dtree.css"> <script type="text/javascript" src="${ctx}/js/easyui/jquery-1.6.min.js"></script> <script type="text/javascript" src="${ctx}/js/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="${ctx}/js/easyui/jquery.edatagrid.js"></script> <link rel="stylesheet" href="${ctx}/css/easyui/demo.css" type="text/css"> <link rel="stylesheet" href="${ctx}/css/easyui/easyui.css" type="text/css"> <link rel="stylesheet" href="${ctx}/css/easyui/icon.css" type="text/css"> <script src="${ctx}/js/dtree.js" type="text/javascript"></script>jsp
<html> <head><base href="${ctx}"><title>用戶信息</title><script type="text/javascript">var jsondata='{"total":1,"rows":[{"username":"001","password":"001"},{"username":"002","password":"002"},{"username":"002","password":"002"}]}';var data = $.parseJSON(jsondata); //json格式化 $(document).ready(function(){$("#dg").datagrid({title: "用戶信息列表",width: 700, height: 'auto', striped: true,rownumbers: true,singleSelect: true,nowrap: true,pagination: true,columns:[[ {field:"username",title:"用戶名",width:100}, {field:"password",title:"密碼",width:100} ]]})$("#dg").datagrid('loadData', data);//加載數據，不加表格數據不會顯示 }); </script> </head><body><table id="dg"></table></body> </html>?
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的jsp+easyui+DataGrid 例子的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： oracle insert into v
- 下一篇： oracle ebs po_header