`

jquery datagrid

    博客分类:
  • json
 
阅读更多
// 初始化右下角的提示框
    $.messager.show({
            title : '我的消息',
            msg : '登录成功,欢迎使用此系统',
            timeout : 3000,
            showType : 'slide'
    });
    // 初始化datagrid
    $("#centerDateGrid").datagrid({
            url : 'login/users!findList.action',
            height:"200px;",
            iconCls : 'icon-save',// 图标
            rownumbers : true,// 如果为true,则显示一个行号列。
            singleSelect : true,// 如果为true,则只允许选择一行。
            // autoRowHeight:false,//定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。
            nowrap : false,// 如果为true,则在同一行中显示数据。设置为true可以提高加载性能。
            pagination : true,// 显示分页工具条
            pageSize : 20,// 每页条数
            fit : true,// datagrid自适应宽高
            fitColumns : true,// 使列自动展开/收缩到合适的数据表格宽度。
            idField : 'userId',
            sortName : 'userId',// 定义哪些列可以进行排序
            sortOrder : 'asc',// 定义列的排序顺序,只能是'asc'或'desc'
            border : false,
            pageList : [ 20, 30, 40, 50 ],// 分页条数选择
            toolbar : [ {
                    text : '添加',
                    iconCls : 'icon-add',
                    hander : function() {

                    }
            },'-', {
                    text : '修改',
                    iconCls : 'icon-edit',
                    hander : function() {

                    }

            },'-', {
                    text : '删除',
                    iconCls : 'icon-remove',
                    hander : function() {

                    }

            } ]
            //toolbar:"#toolbar"

    });
分享到:
评论

相关推荐

    Jquery Datagrid 动态分页以及CRUD(增删改查)

    《jQuery Datagrid动态分页与CRUD操作详解》 在Web开发中,数据展示和管理是常见的需求,jQuery Datagrid是一款强大的表格插件,能够帮助我们实现数据的动态分页、增删改查等基本功能。这篇教程将深入探讨如何使用...

    Jquery datagrid实现单元格编辑

    而jQuery UI中的DataGrid组件(也被称为jqGrid)则是一个强大的数据展示和管理工具,尤其适合于构建功能丰富的表格。本篇将详细介绍如何使用jQuery DataGrid实现单元格编辑功能。 首先,我们需要引入jQuery和jqGrid...

    基于JQuery的datagrid分页数据实现

    本项目"基于JQuery的datagrid分页数据实现"就是针对这一需求提供的一种解决方案。这个小程序利用SSH2(Struts2、Spring、Hibernate)框架,结合Maven构建工具,实现了通过jQuery的datagrid插件进行Ajax分页加载数据...

    JqueryDataGridDemo分页

    **jQuery DataGrid 分页详解** 在Web开发中,数据展示是一项关键任务,尤其是在处理大量数据时。jQuery DataGrid是一款强大的JavaScript插件,用于创建可排序、可搜索且具有分页功能的数据网格。在这个...

    Jquery datagrid Ingrid 的jsp 实例

    网上搜了很久没发现 Jquery datagrid Ingrid 的jsp 实例 而是很多php的实例,发邮件给了写 plugin的作者, 研究很长时间解决几个问题才有的实例。可以参考我空间 http://hi.baidu.com/tangxiucai2

    Jquery 插件datagrid最新版本下载

    **jQuery Datagrid插件详解** jQuery Datagrid是一款广泛使用的数据网格插件,它基于jQuery库,为Web开发者提供了强大的数据展示和操作功能。这个插件允许用户以表格形式展示大量数据,同时支持分页、排序、过滤、...

    jquery easyui datagrid demo 详解

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列丰富的组件,使得开发者可以轻松构建用户界面,而 Datagrid 是其中非常重要的一个组件,常用于数据展示和管理。本篇文章将详细解析 jQuery EasyUI ...

    jQueryDatagrid.zip

    jQuery Datagrid 是一款用来呈现数据网格的 jQuery 插件,适用于本地或远程数据,设计是自适应的,简单易用,可扩展。特性:从任意来源获取数据,包括本地或者远程数据(使用 ajax,延迟函数或插件)呈现一个容易...

    jquery.easyui.datagrid扩展合并列

    jquery.easyui.datagrid自动合并列扩展,支持多列合并。 用法:加载成功后 $('#'+tab).datagrid("autoMergeCells",['列名','列名']);

    Jquery的DataGrid

    jQuery的DataGrid是一款基于JavaScript库jQuery的表格插件,它为网页开发人员提供了一种高效、灵活的方式来展示和操作数据集。这个插件通常用于创建功能丰富的数据网格,包括排序、分页、过滤、编辑等功能,同时具备...

    使用jquery的datagrid经常遇到的问题

    ### 使用jquery的datagrid常见问题及解决方案 #### 一、引言 在开发Web应用程序时,`jQuery Datagrid` 是一个非常流行的插件,用于展示表格数据。然而,在使用过程中经常会遇到一些常见问题,这些问题如果不妥善...

    jquery easyui datagrid demo

    这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...

    datagrid-dnd(可以拖放的datagrid)

    在IT行业中,datagrid是一种常用的组件,它用于展示和管理大量结构化的数据,通常在Web应用中使用。在本例中,我们关注的是一个名为"datagrid-dnd"的特性,这是一项允许用户通过拖放操作来重新排列数据网格行的功能...

    可删除列的datagrid

    这种可删除列的功能可能通过事件监听、DOM操作或者使用特定的前端库(如jQuery UI、ExtJS、Ag-Grid等)来实现。 2. **后端技术**:后端负责处理数据的增删改查操作,通常使用PHP、Python、Java、C#等服务器端语言。...

    DataGrid中嵌套DataGrid

    而"DataGrid中嵌套DataGrid"是一种复杂但非常实用的技术,它允许在一个DataGrid的行或列中内嵌另一个DataGrid,以展示层次化数据或相关联的数据集。这种技术同样适用于DataGrid与DataList,以及DataList之间的嵌套,...

    JqueryDatagrid 分页增删改

    jQuery Datagrid 是一个基于 jQuery 的数据网格插件,它提供了丰富的功能,如动态分页、CRUD(增删改查)操作,适用于展示和管理大量结构化的数据。这个插件通常与后端服务器进行交互,通过Ajax技术实现异步数据加载...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

    jQuery 表格工具集

    jQuery 表格插件 Flexigrid – Web 2.0 ...Ingrid, the jQuery Datagrid – 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示 )。 JQTreeTable – 在表格中加入树形结构 Scrollable HTML tabl

Global site tag (gtag.js) - Google Analytics