- <body>
- <form id="form1" runat="server">
- <table id="tt">
- </table>
- </form>
- </body>
引用的JS:
- <link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/script/themes/default/easyui.css" />
- <link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/script/themes/icon.css" />
- <script type="text/javascript" src="http://www.cnblogs.com/script/jquery-1.4.2.min.js" </script>
- <script type="text/javascript" src="http://www.cnblogs.com/script/jquery.easyui.min.js" </script>
- <script type="text/javascript" src="http://www.cnblogs.com/script/locale/easyui-lang-zh_CN.js" mce_src="script/locale/easyui-lang-zh_CN.js"></script>
JS:
- <script type="text/javascript"><!--
- $(function(){
- $('#tt').datagrid({
- width:810,
- height:400,
- idField:'xsbh',
- url:'studentHandler.ashx',
- singleSelect:true,
- columns:[[
- {field:'xsbh',title:'编号',width:80},
- {field:'UserName',title:'姓名',width:100},
- {field:'Sex',title:'性别',width:30},
- {field:'SchoolYear',title:'年份',width:50},
- {field:'opt',title:'操作',width:100,align:'center',
- formatter:function(value,rec,index){
- var s = '<a href="#" mce_href="#" onclick="view(\''+ rec.xsbh + '\')">查看</a> ';
- var e = '<a href="#" mce_href="#" onclick="edit(\''+ rec.xsbh + '\')">编辑</a> ';
- var d = '<a href="#" mce_href="#" onclick="del(\''+ index +'\')">删除</a> ';
- return s+e+d;
- }
- }
- ]],
- toolbar:[{
- text:'增加',iconCls:'icon-add',handler:function(){
- window.location.href='StuAdd.aspx';
- }
- },
- {text:'导入',iconCls:'icon-add',handler:function(){
- window.location.href='StuImport.aspx'
- }
- },
- {text:'查找',iconCls:'icon-search'}
- ],
- pagination:true
- });
- })
- function view(bh) //转到查看页面
- {
- window.location.href='StuView.aspx?id='+bh+'&page=stu';
- // var row = $('#tt').datagrid('getSelected');
- // if(row)
- // {
- // alert(row.xsbh);
- // }
- }
- function edit(bh) //转到编辑页面
- {
- window.location.href='StuEdit.aspx?id='+bh;
- }
- function del(index){ //删除操作
- $.messager.confirm('确认','确认删除?',function(row){
- if(row){
- var selectedRow = $('#tt').datagrid('getSelected'); //获取选中行
- $.ajax({
- url:'delHandler.ashx?id='+selectedRow.xsbh+'&type=stu',
- //加了个type，作用是以后不管什么删除，都可以转到这个ashx中处理
- success:function(){alert('删除成功');}
- });
- $('#tt').datagrid('deleteRow',index);
- }
- })
相关推荐
jQuery EasyUI 是一个基于 jQuery 的前端框架，它封装了一系列的 jQuery 插件，为开发者提供了构建用户界面的简便方法。这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它简化了网页用户界面开发，提供了丰富的组件和功能。这个“jQuery EasyUI 帮助文档”包含了全面的API参考和使用指南，对于开发者来说是极具价值的资源。 jQuery ...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列的 UI 组件，使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个框架大大简化了网页界面的设计工作，使得...
在初试 Jquery EasyUI 的 Demo 中，你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码，可以运行...
- **EasyUI 组件**: EasyUI 将jQuery的功能进一步扩展，提供了如`datagrid`（数据网格）、`panel`（面板）、`dialog`（对话框）等丰富的UI组件。 2. **组件的使用**： - **初始化组件**: 使用`$(selector)....
jQuery EasyUI 是一个基于 jQuery 的前端框架，它简化了网页用户界面开发，提供了一系列易于使用的组件，如对话框、表格、菜单、按钮等。版本 1.5.1 是一个重要的更新，它不仅包含了之前版本的所有功能，还进行了...
JQuery EasyUI 是一个基于 jQuery 的轻量级前端框架，它提供了一系列的 UI 组件，如对话框、表格、树形菜单、按钮等，用于快速构建用户界面。在这个"Jquery EasyUI 日历Demo"中，我们将探讨如何利用 EasyUI 的日历...
《jQuery EasyUI、ZTree与折线图的综合应用》 在Web开发中，jQuery EasyUI、ZTree和折线图是三种常见的组件，它们分别用于构建用户界面、实现树形结构展示和数据可视化。本篇文章将深入探讨这些技术及其在实际项目...
**Word 格式文档——"jqueryEasyui培训文档.doc"** Word 文档可能提供了更便于编辑和注解的格式，内容可能与 PDF 相似，但可能更适合那些喜欢手动修改和添加笔记的读者。它可能包括： 1. **教程部分**：逐步指导...
最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉，由于很多人和我要chm格式的，所以本次API我提供了2种版本的API，一个还是以前的EXE格式，另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...
jQuery EasyUI 是一款非常棒的WEB前端UI框架，很多朋友都在找jQuery EasyUI API 中文文档，本次给大家提供的就是jQuery EasyUI v1.3.5官方API中文版，有需要的拿去用吧
**基于JQueryEasyUI类库的WebForm控件库** JQueryEasyUI是一个基于jQuery的UI框架，它封装了一系列的JavaScript组件，使得开发者能够轻松创建出功能丰富的Web应用程序界面。这个WebForm控件库是专门为.NET平台设计...
SSH+jQuery EasyUI后台管理系统是一种基于Struts2（S）、Spring（S）和Hibernate（H）三大开源框架的Web应用程序开发模式，结合jQuery EasyUI前端框架，构建出高效、简洁且具有现代感的后台管理界面。这个系统设计的...
jQuery EasyUI 是一个基于 jQuery 的前端开发框架，它简化了网页界面的构建，提供了一系列的 UI 组件，如对话框、表格、下拉菜单、树形结构等。这个参考资源合集包含了三个重要的文档，分别为 jQuery EasyUI 1.2 API...
针对jQuery EasyUI的1.9.0的在线帮助文档进行整理，生成chm文件，便于开发时或者离线对easyi控件的属性、文法、事件等内容的查看。
jQuery EasyUI 是一个基于 jQuery 的前端开发框架，用于快速构建用户界面。v1.10.0 是这个框架的一个特定版本，包含了一系列组件和功能，适用于网页应用的开发。在这个zip压缩包中，我们可以找到一系列文件，每个都...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列易于使用的组件，用于快速构建用户界面。1.4.2 版本是这个框架的一个稳定版本，包含了许多改进和修复，以提升开发者的体验和应用程序的性能。这个压缩包...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列的组件，帮助开发者快速构建具有专业外观和交互性的 Web 应用程序。这个框架的核心理念是通过简单的 JavaScript 调用来...
在这个"ssm+jqueryeasyui案例"中，我们可以学习如何将这三者结合，构建出功能完善的Web应用。首先，我们需要在项目中引入SSM框架的相关依赖，包括Spring的核心库、SpringMVC的Servlet容器配置以及MyBatis的数据库...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它简化了网页用户界面组件的开发，提供了丰富的UI控件，如数据网格、下拉树、对话框、菜单等。这个压缩包包含了1.5.1版本的离线中文API文档，是开发者进行jQuery ...