datagrid查询

夜里的一叶孤舟

于 2021-09-14 22:11:54 发布

阅读量249

点赞数

文章标签： eclipse easyui

本文链接：https://blog.csdn.net/weixin_56069070/article/details/120297310

版权

本文主要介绍了如何使用EasyUI的datagrid控件进行数据展示和查询操作。在开发工具Eclipse的支持下，通过添加点击事件、创建jsp界面、编写js脚本以及配置相关xml文件，实现了当点击菜单时，datagrid展示查询结果的功能。同时，文章讲解了dategrid的查询属性设置，以提高代码的可读性。

摘要由CSDN通过智能技术生成

前言：EasyUI有七个重要的控件：layout、tree、tabs、datagrid、form、messeger、combobox。之前讲了三个控件，今天要分享的是datagrid控件

码字不易，点个关注

转载请说明！

开发工具:eclipse

思维导图

一、明确目标

二、具体思路以及代码实现

一、利用dategrid进行数据展示以及结果集的封装

二、利用dategrid属性进行查询

一、明确目标

实现效果：当点击左边菜单栏时，要用datagrid（数据表格）控件将数据展现在右边界面上，

已经要用到查询。

二、具体思路以及代码实现

一、利用dategrid进行数据展示以及结果集的封装

1、思路：

1、将左边菜单添加点击事件，点击后要弹出对应的界面

2、点击左侧菜单栏要跳转到相应界面中

3、新建一个jsp文件夹，创建一个uesemanagejsp界面，同时要写一个book.js

4、上一篇博客已经将MVC框架导进去，只要写好对应的enetity、dao、web类即可

5、配置xml文件

2、代码实现：

usermanage界面代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <!-- common.jsp -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<