jfinal easyui datagrid

来源：互联网发布：云端软件平台替代编辑：程序博客网时间：2024/06/05 19:03

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link rel="stylesheet" type="text/css" href="/themes/default/easyui.css" /><link rel="stylesheet" type="text/css" href="/themes/icon.css" /><script src="/js/jquery-1.11.3.min.js" type="text/javascript"></script><script src="/js/jquery.easyui.min.js" type="text/javascript"></script></head><body><div title="用户操作管理" id="t" style="width:100%;height:100%"class="easyui-panel"><form id="search" action="" method="post"><div style="margin:0px" align="center"><input class="easyui-textbox" id="searchname" name="searchname"data-options="buttonText:'SEARCH',prompt:'Search...',onClickButton:function(){search()}"style="width:250px;height:32px;" /></div></form><table class="easyui-datagrid" title="用户信息" id="dgList"style="width:700px;height:250px" fit="true"data-options="rownumbers:true,singleSelect:true,pagination:true,url:'/users/user2',method:'get',toolbar:toolbar,id:'id'"><thead><tr><th data-options="field:'id',width:120">id</th><th data-options="field:'username',width:80">用户名</th><th data-options="field:'password',width:100">密码</th></tr></thead></table></div><script type="text/javascript">$(document).ready(function ()    {      $.ajax({        url: "/users/user2",        type: "get",        dataType: "json",        error: function (request, message, ex)        {          //alert(message + request + ex);         // $("#dgList").datagrid("loadData",{"total":"${total}","rows":"${rows}"});        },        success: function (returnValue)        {         //$("#dgList").datagrid("loadData",{});         // $("#dgList").datagrid("loadData",{"total":"${total}","rows":"${rows}"});        }      })    });    function search() {$('#search').form('submit', {url : '/users/search',dataType : 'json',success : function(msg) {var json = $.parseJSON(msg);if (json.success) {alert("查询成功！");$('#dgList').datagrid("reload");} else {alert("查询失败！");}}});}function save() {$('#add').form('submit', {url : '/users/save',dataType : 'json',success : function(msg) {var json = $.parseJSON(msg);if (json.success) {alert("操作成功！");$('#add').form("clear");$('#frmInput').window('close');$('#dgList').datagrid("reload");} else {alert("保存数据失败，请重新操作！");}}});}var toolbar = [ {text : '添加',iconCls : 'icon-add',handler : function() {//$('#frmInput').window('open')$('#frmInput').panel('open');}}, {text : '修改',iconCls : 'icon-cut',handler : function() {var row = $('#dgList').datagrid('getSelected');if (row) {$('#id').val(row.id);$('#username').val(row.username);$('#password').val(row.password);$('#frmInput').window('open');} else {alert("请选择要修改的数据！");}}}, '-', {text : '删除',iconCls : 'icon-save',handler : function() {var row = $('#dgList').datagrid('getSelected');if (row) {var ret = confirm("你是否要删除选择的数据!");if (ret) {var url = "/users/delete?id=" + row.id;$.getJSON(url, function(json) {if (json.success) {$('#dgList').datagrid("reload");} else {alert("数据删除失败!");}});}} else {alert("请选择要删除的数据！");}}} ];</script><!-- <div style="margin:10px 0 10px 100px;" align="left"><a href="#" class="easyui-linkbutton"onClick="javascript:$('#frmInput').panel('open')">Open</a> <ahref="#" class="easyui-linkbutton"onClick="javascript:$('#frmInput').panel('close')">Close</a></div><div id="p" class="easyui-panel"style="width:500px;padding:30px 60px"><div style="margin-bottom:10px"><div>用户名:</div><input class="easyui-textbox"data-options="prompt:'Enter a username...',validType:'username'"style="width:100%;height:32px" /></div><div style="margin-bottom:10px"><div>密码:</div><input class="easyui-textbox" style="width:100%;height:32px" /></div><div><a href="#" class="easyui-linkbutton" iconCls="icon-ok"style="width:100%;height:32px">save</a></div></div>  --><div id="frmInput" class="easyui-window" title="用户信息"data-options="modal:true,closed:true,iconCls:'icon-save'"style="width:500px;padding:30px 60px;" align="center"><div><form id="add" action="" method="post"><input type="hidden" name="users.id" id="id" /><div style="float:center;background:white;"><table><tr style="margin-bottom:10px"><td>用户名:</td><td><input type="text" class="easyui-validatebox textbox"id="username" name="users.username"data-options="required:true,validType:'length[4,16]' "style="width:100%;height:32px" /></td></tr><tr style="margin-bottom:10px"><td>密码：</td><td><input type="password"class="easyui-validatebox textbox" id="password"name="users.password"data-options="required:true,validType:'length[4,16]'"style="width:100%;height:32px" /></td></tr></table></div></form></div><div style="float:center;width:200px;height:30px;margin-left:30px;"><input type="button" value="保存" onClick="save();" /> <inputtype="button" value="取消" onClick="$('#frmInput').window('close');" /></div></div></body></html>

package demo.user;import java.util.HashMap;import java.util.Map;import com.jfinal.aop.Before;import com.jfinal.aop.ClearInterceptor;import com.jfinal.core.Controller;import com.jfinal.plugin.activerecord.Page;@Before(UserInterceptor.class)public class UserController extends Controller {public static String usernameString=null;public void user2() {Page<Users> page;int pageSize = this.getParaToInt("rows",1);int pageNumber = this.getParaToInt("page",10);System.out.println("pageNumber = "+pageNumber);System.out.println("pageSize="+pageSize);if(usernameString==null){page = Users.me.paginate(pageNumber, pageSize);}else {page= Users.me.findInfo(pageNumber, pageSize,usernameString);}setAttr("total", page.getTotalRow());setAttr("pageSize",page.getPageSize());setAttr("pageNumber",page.getPageNumber());setAttr("rows",page.getList());renderJson();//Map map = new HashMap();  ////按照easyui datagrid 数据封装格式进行二次封装  //map.put("rows", page.getList());  //map.put("total", page.getTotalRow());  //renderJson(map);  //render("user2.jsp");}public void user3() {render("user2.jsp");}public void user1() { setAttr("userPage", Users.me.paginate(getParaToInt(0, 1), 10));render("user1.jsp");}public void add() {}public void search() {boolean success =true;if(getPara("searchname") != null){usernameString=getPara("searchname");   setAttr("success",success);}renderJson();}@Before(UserValidator.class)public void save() {boolean success=false;Users users = getModel(Users.class);if(users.get("id") != null){//if(users.get("password")==null)//{//Users u = Users.me.findById(users.get("id"));//users.set("password", u.get("password"));//}//usernameString=null;success = users.update();}else{success = users.save();}setAttr("success",success);renderJson();}public void edit() {setAttr("users", Users.me.findById(getParaToInt()));}@Before(UserValidator.class)public void update() {getModel(Users.class).update();redirect("/users");}public void delete() {usernameString=null;boolean success= false;int id = getParaToInt("id",0);if(id>0){success = Users.me.deleteById(id);}setAttr("success",success);renderJson();}@ClearInterceptorpublic void login() {if(getPara("username").trim().equals("admin") &&getPara("password").trim().equals("admin")){this.getSession().setAttribute("_USER_INFO_LOGIN_NAME_","admin");user2();//renderJsp("/users/user2.jsp");redirect("/users/user3");}else{setAttr("loginError", "用户名或密码错误！");//document.getElementById("自己写的div id").style.display="none";//redirect("/");renderJsp("/index/index.jsp");}}}

easyui-textbox添加触发事件。

（一）

<input type="text" class="easyui-textbox" id="TxtClientName" name="TxtClientName" />
<script type="text/javascript">
$(function(){
    $("input",$("#TxtClientName").next("span")).click(function(){
        alert("ok");
    });
})</script>

（二）

<input class="easyui-textbox" id="searchname" name="searchname"data-options="buttonText:'SEARCH',prompt:'Search...',onClickButton:function(){search()}"style="width:250px;height:32px;" />

1 0