1.test_grid.jsp

<html>
<head>
　　<%@ include file="/WEB-INF/jsp/common/top.jsp"%>
　　<meta http-equiv="Content-Type" content="text/html;">
　　<link href="<%=path%>/staticresources/css/test/test_grid.css" rel="stylesheet">
　　<script type="text/javascript" src="<%=path%>/staticresource/js/test/test_grid.js"></script>
</head>
<body>
　　<div id="grid"></div>
</body>
</html>

2.test_grid.js$(document).ready(function() {rgs=$("#target").val();

    createGrid(args);

});

function createGrid(value){

     var dataSource=new kendo.data.DataSource({

     transport:{

           read:{

                type:"post",

                url:   path+"^_^";

                contentType:"application/json;"

                dataType:"json"

    },

    parameterMap:function(options,operation){

       if(operation=="read"){

             if(value!='null'&&value!=undefined&&value!='')

                options['^*^']=value;

             }

             return json.stringify(options);

       }

    },

    pagesize:^_^,

    schema:{

        data : function(d) {

          return d.data;

        },

        total : function(d) {

          return d.total;

        },

        model : {

        id : "id",

        fields : {

                 text : {

                 type : "string"

                 }

                }

        }
    },

    serverPaging:true,

    serverFiltering:false,

    serverSorting:false,

    change:function(){

     (#_#);

    }

    });

    $("#grid").kendoGrid({

        dataSource : dataSource,

        sortable : true,

        selectable : "row",

        change : function() {

            (#_#);

        },

        pageable : {

            refresh : true,

            pageSizes : true

        },

        columns : [{
           hidden : true,
　　　　    field : "id",
　　　　　　 title : "id",
         },{
　　　　　　 field : "text",
           title : text,
           }],

        toolbar : [ {

            template :        kendo.template($("#toolBarTemplate").html())

        } ],

        cancel : function(e) {

            e.preventDefault();

        }

    });

}

kendo ui之grid列表的更多相关文章

  1. kendo ui中grid页面参数问题

    kendo ui 中grid 算是最长用的控件之一,当使用分页效果时,我们要传递分页参数与自己定义的参数如: var dataSource = new kendo.data.DataSource({ ...

  2. kendo ui的treeView节点点击事件修改和grid的配置的一点总结

    kendo-ui的treeView节点(node)点击时  可以触发一个select的事件(event),并且连续点击多次相同节点,可以触发并且只能触发一次该事件. 可是需求上需要实现:每次点击相同的 ...

  3. Web UI开发速速种草—Kendo UI for jQuery网格编辑操作概述

    Kendo UI for jQuery最新试用版下载 Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support f ...

  4. [Asp.net mvc] Asp.net mvc Kendo UI Grid的使用(四)

    有段时间没写博客了,工作状态比较忙,抽空继续总结下Grid的使用,这次主要介绍模板以及其他官网介绍不详尽的使用方法.先Show出数据,然后讲解下.后台代码: public ActionResult O ...

  5. HTML5 Web app开发工具Kendo UI Web中Grid网格控件的使用

    Kendo UI Web中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页.排序.分组.选择等,同时还有着大量的配置选项.使用Kendo DataSource组件,可以绑定到本地的J ...

  6. kendo ui 单击取消编辑数据grid减少的原因和治疗方法的数据

    kendo ui单击取消编辑数据buttongrid数据缩减.原因grid编辑数据追打datasorce于data寻找阵列数据的存在.假定有不会加入,加入缺席. 首先一个样本: html代码: < ...

  7. kendo ui grid选中行事件，获取combobox选择的值

    背景: 以前用 telerik ui做的grid现在又要换成kendo ui,不过说句实话kendo ui真的比telerik好多,可以说超级升级改头换面.当然用的mvc的辅助方法,以前的teleri ...

  8. Asp.net mvc Kendo UI Grid的使用(二)

    上一篇文章对Kendo UI做了一些简单的介绍以及基本环境,这篇文章来介绍一下Grid的使用 先上效果图: 要实现这个效果在Controller在要先导入Kendo.Mvc.UI,Kendo.Mvc. ...

  9. kendo ui 好用的小部件--grid

    Kendo Ui Grid控件,继承至Widget. https://demos.telerik.com/kendo-ui/grid/index  快速上手教程  下面的代码来自本教程 做表格时非常方 ...

随机推荐

  1. linux下使用多线程编写的聊天室

    自从开始学linux网络编程后就想写个聊天室,一开始原本打算用多进程的方式来写,可是发觉进程间的通信有点麻烦,而且开销也大,后来想用多线程能不能实现呢,于是便去看了一下linux里线程的用法,实际上只 ...

  2. 20161117__Z

    1.cclplus: error: unrecognized command line option "-std=gnu++11" http://www.gowhich.com/b ...

  3. ORACLE迁移votedisk，spfile以及OCRfile的方法

    在安装GUI时,创建了第一块ASM磁盘,命名为DATA1,上面存放了spfile文件,ocrfile文件,并且作为了vote盘.感觉名字和实际不符,容易搞混,所以想删除这个磁盘,直接删除会报错: OR ...

  4. nginx.conf 解释

    http://snapshot.sogoucdn.com/websnapshot?ie=utf8&url=http%3A%2F%2Fwww.cszhi.com%2F20120513%2Fngi ...

  5. sublime 3 安装go环境

    安装go环境是在go已经安装的情况下, 1 首先安装 Package Control ctrl + · 打开sublime 命令行模式 复制粘贴以下代码 import urllib.request,o ...

  6. 如何让同局域网的同事访问我电脑上的PHP网站和数据库

    需求:想让公司同一局域网的同事电脑访问我的电脑里面的php项目. 条件:首先确认localhost正常访问你的本地项目 环境:我使用的是wampserver2.5集成环境 步骤: 1.增加新增监听端口 ...

  7. 对HTML5校验 自定义验证信息

    在HTML5中,表单可以定义一个属性required来触发默认的校验机制,比如: <input type="text" required /> 弹出的错误提示默认为英文 ...

  8. wordpress目录文件结构说明

    wordpress目录文件结构说明   wordpress目录文件结构说明. WordPress文件夹内,你会发现大量的代码文件和3个文件夹wp-admin wp-content wp-include ...

  9. phpstorm 9 keygen

    Turn Off Internet Before Register (Recommended ) Copy User name And Past In "User Or Company Na ...

  10. Python高级特性学习笔记

    切片(slice) 可简化循环取元素的操作. L[0:3] or L[:3] 表示从索引0的位置开始,到索引3为止,但不包括索引3的前3个元素(L[0],L[1],L[2]); L[-2:]表示取包括 ...