liger grid loadData

    function fn_Search()
    {
        var beginDt = $("#txtBegin").val();
        var endDt = $("#txtEnd").val();
        $.post(‘@Url.Action("MessageGet")‘, { begin: beginDt,end : endDt }, function (data) {
            $("#maingrid").ligerGrid().loadData(data);
        });
    }

liger 的 Data 可以通过在 init 时的 url 获取。

在界面查询时,可以通过  loadData 加载 json 格式的数据

时间: 2024-10-20 20:41:50

liger grid loadData的相关文章

LigerUI之Grid(一)

目录: 一.概述 二.Grid使用步骤 三.使用Grid展示数据 四.源码下载 一.概述 在开发web信息管理系统时,使用Web前端框架可以帮助我们快速搭建一组风格统一的界面效果,而且能够解决大多数浏览器兼容问题,提升开发效率.比较常见的有extjs.easyui.MiniUI.JQuery UI.DWZ.Liger UI.QUI等等,这些框架中有国外的,有国内的,有收费的.也有开源免费的,他们有各自的优势,也有各自的不足.在这里给大家介绍Liger UI框架中一些常见组件的用法. LigerU

Web前段框架LigerUI之Grid使用方法(一)

目录: 一.概述 二.Grid使用步骤 三.使用Grid展示数据 四.源码下载 一.概述 在开发web信息管理系统时,使用Web前端框架可以帮助我们快速搭建一组风格统一的界面效果,而且能够解决大多数浏览器兼容问题,提升开发效率.比较常见的有extjs.easyui.MiniUI.JQuery UI.DWZ.Liger UI.QUI等等,这些框架中有国外的,有国内的,有收费的.也有开源免费的,他们有各自的优势,也有各自的不足.在这里给大家介绍Liger UI框架中一些常见组件的用法. LigerU

LigerUI之Grid使用详解(一)——显示数据 --分页

http://www.cnblogs.com/jerehedu/p/4218560.html 首先给大家介绍最常用的数据展示组件Grid,使用步骤如下: 1.页面中正确引入样式文件及相应组件 <link href="<%=request.getContextPath()%>/ui/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css"

ligerui+json_001_实现表格(grid)的后台数据显示、分页

代码下载地址: http://download.csdn.net/detail/poiuy1991719/8556841 效果: 需要导入的包: 01:编写界面:index.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePa

LigerUI 使用教程表格篇

阅读目录 第一个例子 数据结构 两种绑定数据的方式 配置column 自定义表头 自定义单元格 排序与分页 事件与方法 第一个例子 简介 ligerGrid是ligerui系列插件的核心控件,用户可以快速地创建一个美观,而且功能强大的表格,支持排序.分页.多表头.固定列等等. 支持本地数据和服务器数据(配置data或者url) 支持排序和分页(包括Javascript排序和分页) 支持列的“显示/隐藏” 支持多表头 支持固定列 支持明细行 支持汇总行 支持单元格模板 支持编辑表格(三种编辑模式,

ligerUI实现分页

在公司实习看到公司框架里使用了ligerUI的grid进行分页,个人感觉挺好用的,自己摸索着实现了一遍记录下来 简单来说,liger grid 就是提交准备好的数据到指定的目标请求数据,拿到数据以后,显示出来(通过ajax实现). ligerGrid是ligerui系列插件的核心控件,用户可以快速地创建一个美观,而且功能强大的表格,支持排序.分页.多表头.固定列等等. 这里只实现基于ligerUI的分页 LigerUI的分页方式有两种:local和server. 如果数据量不是很大,就直接采用l

lyGrid表格插件

 表格基础参数: grid = lyGrid({           l_column : [{//表格列表数据                 colkey : null,             name : null,             width : 'auto',             theadClass:'',             tbodyClass:'',             height : 'auto',             align : 'cente

通用权限管理系统数据权限设置功能解析

在权限管理系统中,数据权限是比较难的,在我们通用权限系统中,数据权限指的是用户基于某个权限域对某些基础数据的操作权限,如上图,公司管理这个菜单被定义是数据权限,表示某些人在公司管理是可指定访问哪些基础数据,这个要与应用结合.如下图,可以限制该9999xudeng003用户在公司管理页面只能管理其中的几个公司. 目前基于用户的数据权限BS的管理功能已完成,这个是权限系统最难开发的一部分. 下面是MVC控制器调的通用权限管理系统底层的方法: //---------------------------

Liger UI 表格数据查找/通过条件加载数据

api上的例子是在本地过滤的,无法使用,自己摸索了一下. javascript代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 //初始化ligerui控件 $(function (){         maingrid = $("#maingrid").ligerGrid({             columns: [                 {