kendo的gride基本调用

最新推荐文章于 2021-01-14 14:09:11 发布

milijiangjun

最新推荐文章于 2021-01-14 14:09:11 发布

阅读量544

点赞数

分类专栏： # html5 net

本文链接：https://blog.csdn.net/milijiangjun/article/details/96270020

版权

本文介绍了如何在项目中基本调用和配置Kendo UI的Grid组件，包括数据绑定、列定义、分页、排序和过滤等功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	 <script type="text/javascript">

    var Grids;

    var Init = {
        init: function () {
          //  Init.LoadTree();//加载树结构
            Init.LoadGride(null, null, null, null);  // 加载 gride
            Init.LoadKendos(); // 加载kendo 的部分

        },
        Tree: {
            ClickTreeID: "",
            ClickTreeParentID: "",
            ClickTreeDataName: "",
            Time: ""
        },
        LoadKendos: function () {
            kendo.culture("zh-CN");//设置语言
            //$("#ShowSelectTime").kendoDatePicker({
            //      format: "yyyy-MM",// 显示格式
            //      value: new Date(2019,8),//默认时间
            //      start: "year",//渲染深度
            //      depth: "year",//控制渲染深度
            //      change: function () {
            //          var value = this.value;
            //          alert(value);
            //      },
            //      onChange: function () {
            //          var value = this.value;
            //          alert(333);
            //          alert(value);
            //      }

            //  });
            var myDate = new Date();
            var myy = myDate.getMonth();
            var SelectTime = $("#ShowSelectTime").kendoDatePicker({
                format: "yyyy年M月",// 显示格式
                value: new Date(2019, myy),//默认时间
                start: "year",//渲染深度
                depth: "year",//控制渲染深度

                change: function () {
                    // alert($("#ShowSelectTime").val());
                    var CheckTime = $("#ShowSelectTime").val();
                    Init.Tree.Time = CheckTime;
                    Grids.dataSource.read();// 点击时间进行查询刷新
                }

            }).data("kendoDatePicker");
            SelectTime.element[0].disabled = true;

            $("#treeview").kendoTreeView(); // 从新加图标
            //upload
            $("#files").kendoUpload({
                localization: {
                    select: "选择文件"
                },
                async: {
                    saveUrl: "UploadSubmit",
                    removeUrl: "remove",
                    autoUpload: true
                }
            });
            $("#files2").kendoUpload({
                localization: {
                    select: "选择文件"
                },
                multiple: false,//是否多选 默认true
                async: {
                    saveUrl: "PostSalary",  // 工资上传excel
                    //  removeUrl: "remove",
                    autoUpload: true
                },
                upload: function (e) {
                    e.data = { Time: $("#ShowSelectTime").val() };

                },// 上传参数
                success: Init.Opention_EventS.Event_kendo_upload_PostSalary
            });
            $("#files_year_salary").kendoUpload({
                localization: {
                    select: "选择文件"
                },
                async: {
                    saveUrl: "PostYearSalary",  //年金上传excel
                    //  removeUrl: "remove",
                    autoUpload: true
                },

                // success: onSuccess
            });
            //upload
        },

        LoadTree: function () {
            $.ajax({
                url: "LoadTree",
                // data: kendo.stringify(para),
                type: "POST",
                async: f