zoukankan      html  css  js  c++  java
  • KENDOUI控件 GRID中TEMPLATE中条件判断的使用

    var tempgrid = $("#grid").kendoGrid({
                    dataSource: {
                        requestStart: function (e) {
                            kendo.ui.progress($("#grid"), true);
                        },
                        requestEnd: function (e) {
                            kendo.ui.progress($("#grid"), false);
                        },
                        transport:
                        {
                            read: {
                                url: "/Project/GetAEByProId",
                                dataType: "json"
                            }
                        },
                        pageSize: 1,
                        serverPaging: true,
                        serverFiltering: true,
                        schema: {
                            type: "json",
                            data: "Data",
                            total: "total",
                            model: {
                                id: "id",
                                fields: {
                                    id: "id"
                                }
                            }
                        },
                        filter: [
                            { field: "Project_Id", value: @Project_Id }
                        ]
                    },
                    scrollable: true,
                    sortable: false,
                    filterable: false,
                    attributes: { "class": "grid-algin-center" },
                    pageable: {
                        refresh: true,
                        pageSizes: true,
                        buttonCount: 5,
                        page: 1,
                        pageSize: 5,
                        pageSizes: [5, 10, 15],
                        messages: {
                            display: "显示 {0}-{1} 共 {2} 项",
                            empty: "没有数据",
                            itemsPerPage: "每面显示数量",
                            first: "第一页",
                            last: "最后一页",
                            next: "下一页",
                            previous: "上一页"
                        }
                    },
                    columns: [
                        {
                            field: "CenterName", title: "机构名称",  "100px"
                        },
                        {
                            field: "PatientName", title: "姓名",  "8%", template: "<div >#=PatientName.substring(0,1)#**</div >"
                        },
                        {
                            field: "AETERM",
                            title: "不良事件名称",  "100px"
                        },
                        {
                            field: "AESEVName",
                            title: "严重程度"
                        },
                        {
                            field: "AESTDAT",
                            title: "开始时间", template: "<div>#=AESTDAT.substring(0,AESTDAT.length-8)#</div >"
                        },
                        {
                            field: "AEENDAT", title: "结束时间", template: "<div>#=AEENDAT.substring(0,AEENDAT.length-8)#</div >"
                        },
    
                        {
                            field: "AEONGODAT",
                            title: "如仍有,目前日期", template: "<div>#=AEONGODAT.substring(0,AEONGODAT.length-8)#</div >"
                        },
                        {
                            field: "AEACNName", title: "试验药采取措施"
                        },
                        {
                            field: "AERELName", title: "与研究药物的相关性"
                        },
                        {
                            field: "AEOUTName", title: "结果"
                        },
                        {
                            field: "AEDocTitle", title: "AE文档", template:"# if (AEDocTitle != null ) { #'<a class='btn btn-xs green' onclick='downloadFile(#=ID#)'>#=AEDocTitle##=ExtensionName#</a >'# } #"
                        }
                    ]
                });

    以上来源:https://blog.csdn.net/u012571917/article/details/82665518

    对于.netcore版本来讲

            columns.Bound(o => o.kq).Title("考勤号").Width(124).ClientTemplate("# if (kq != null ) { #<a role='button' class='k-button k-button-icontext k-grid-delete' onclick='downloadFile(#=zgdm#)' href='##'>#=jc##=xm#</a ># } else {# 无考勤#}#");

     一定要加 href='##'   ,不加的话应用主题时显示的字体颜色是表格的样式,而不是按钮的样式!!!

  • 相关阅读:
    C语言数据结构_严蔚敏+吴伟民 课本源码
    html5下F11全屏化的几点注意
    jquery中的globalEval()源码分析
    jquery中的 parseJSON() 源码分析
    javascript正则表达式分组捕获理解
    IE6-IE9中tbody的innerHTML不能赋值
    jquery中的 jquery.contains(a,b)
    jquery中的 deferred之 when (三)
    mac下apache配置,解决It is not safe to rely on the system's timezone settings.
    服务器大量TIME_WAIT和CLOSE_WAIT的原因及解决办法
  • 原文地址:https://www.cnblogs.com/djd66/p/15801203.html
Copyright © 2011-2022 走看看