• 动态改变kendoGrid的数据、列和基础设置


    1.改变数据

    第一种方法:

    dataSource:{
       transport: {
           read: function (operation) {
                   var data = operation.data.data || [];
                   operation.success(data);
              }
        },    
    }
    
    $("#grid").data("kendoGrid").dataSource.read({
          data:materiel_data;
    })

    注意:如果使用上面的方法,dataSource中初始化数据的方法,都不能使用。例(schema中的方法)

    第二种方法:

    var dataSource = new kendo.data.DataSource({
      data: [
        { name: "John Doe", age: 33 }
      ]
    });
    var grid = $("#grid").data("kendoGrid");
    grid.setDataSource(dataSource);

    2.改变列和基础设置

    $("#grid").kendoGrid({
            columns: [
              { field: "name" },
              { field: "age" }
            ],
            dataSource: [
                { name: "Jane Doe", age: 30, sex:''},
                { name: "John Doe", age: 33, sex:''}
            ]
        });
        var grid = $("#grid").data("kendoGrid");
        grid.setOptions({
              sortable: true,
                columns: [
                 { field: "name" },
                 { field: "sex" }
              ],
        });

    3.根据字段动态改变class类名

    attributes: { 
         "class": "# if(data.isgen && data.isgen == true) { #editColor# } else{ # green #} #" 
    }
    //使用该方法,数据库中必须存在isgen字段,否则报错
    attributes:{ "class":"#=isgen === true ? 'editColor' : ''#" }
    //看别人说可以用,但是好像用不了,不造是不是用法不对,自行研究
    attributes: function(e) {
         return {
               class": "editColor",
               style: e.name == "Jane Doe" ? "background-color: red" : "background-color: green"
         };
     }

    来自:https://www.cnblogs.com/zsj-02-14/p/9342441.html

  • 相关阅读:
    浏览器渲染HTML页面步骤
    JavaScript中必记英语单词及含义
    JavaScript中的线程与进程
    成绩转换 题解
    计算球的体积 题解 #define
    计算两点间的距离 题解
    ASCII码排序 题解
    python学习——协程
    python学习——进程
    python学习——锁
  • 原文地址:https://www.cnblogs.com/djd66/p/15214135.html
Copyright © 2020-2023  润新知