高效表格工具套件 flyingGrid2__useTemp_flyingGrid2_FlyingGrid2_uinfo_fyUserInfo_

当前位置: 软件>java软件

高效表格工具套件 flyingGrid2

来源: 发布时间：2015-02-06

高效表格工具套件 flyingGrid2[图片]

flyingGrid2让一切归于简单！

点击下载

基本介绍

flyingGrid2是一款前所未有的轻量级高效的表格工具套件，目前支持C#和Java。

作者知鸣，您可以在遵循BSD协议下使用！

主要特点高效表格工具套件 flyingGrid2[图片]

界面效果

高效表格工具套件 flyingGrid2[图片]

生成代码高效表格工具套件 flyingGrid2[图片]

源码结构

支持Java,PHP版本FlyingGrid2期待合作后续推出！

高效表格工具套件 flyingGrid2[图片]

服务端flyingGrid2.xml配置高效表格工具套件 flyingGrid2[图片]

客户端javascript API 高效表格工具套件 flyingGrid2[图片]

服务端.net(C#) API

高效表格工具套件 flyingGrid2[图片]

Demo

（1）通过异步请求方式

服务端代码

        public ActionResult AjaxCtrl(int pageNumber)
        {
            //数据源
            List uinfo = new List();
            for (int i = 0; i < 1000; i++)
            {
                fyUserInfo useTemp = new fyUserInfo();
                useTemp.UserId = i;
                useTemp.UserName = "weichengdong";
                useTemp.Age = i+15;
                useTemp.School = "武汉" + i.ToString();
                useTemp.No = 100000 + i;
                uinfo.Add(useTemp);
            }
            //模拟分页
            FlyingGrid2 fg2 = new FlyingGrid2("Fly2Test");
            List pageData = uinfo.GetRange((pageNumber - 1) * fg2.PageSize, fg2.PageSize);
          
            string result = fg2.LoadGrid(pageData, pageNumber, 1000);
            return Content(result);
        }

客户端代码


    
    
    
    通过ajax方式请求


    
    表格将显示在这里...


    $("document").ready(function () {
        $("#testGrid").flyingGrid2({
            url: "AjaxCtrl"
        });
        $("#getGrid").click(function () {
            $("#testGrid").LoadGrid();
        });
    })

（2）通过页面直接绑定的方式

服务端代码

   public ActionResult FlyingGridDev()
        {
            //数据源
            List uinfo = new List();
            for (int i = 0; i < 1000; i++)
            {
                fyUserInfo useTemp = new fyUserInfo();
                useTemp.UserId = i;
                useTemp.UserName = "weichengdong";
                useTemp.Age = i + 15;
                useTemp.School = "武汉" + i.ToString();
                useTemp.No = 100000 + i;
                uinfo.Add(useTemp);
            }

            FlyingGrid2 fg2 = new FlyingGrid2("Fly2Test");
            List pageData = uinfo.GetRange(0, fg2.PageSize);         
            string result = fg2.LoadGrid(pageData,1,1000);

            ViewBag.table = result;
            return View();
        }

客户端代码

 

    flyingGrid使用示例
    
    
    

    
     @Html.Raw(ViewBag.table) 
    
         
             $("document").ready(function () {


                 $("#testGrid").flyingGrid2({
                         url: "AjaxCtrl"                       
                     });                
             })

关于该套件的使用，提供了完整的源码和示例！

BUG

如果使用中出现bug，请将bug提交至weichengdong2008@foxmail.com

魏承东 2013年4月15日 v1.0

您可能感兴趣的文章:

本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。