kendo-ui grid单行取值问题

最新推荐文章于 2021-07-26 10:05:44 发布

孤城冰

最新推荐文章于 2021-07-26 10:05:44 发布

阅读量757

点赞数 1

分类专栏：前端web kendo-ui

本文链接：https://blog.csdn.net/woyizhizaizhaoni/article/details/101544186

版权

前端web 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

kendo-ui

9 篇文章 0 订阅

订阅专栏

参考路径：https://codeday.me/bug/20181101/320043.html

 let grid = $('#grid').kendoGrid({
            dataSource: dataSource,
            selectable: "multiple",
            height: gridheight,
            scrollable: true,
            filterable: true,
            pageable: {
                pageSizes: [20, 50, 100],
                pageSize: 20,
                refresh: true
            },
            columns: [
                { field: 'id', 'title': '序号', 'width': 100 },
                {
                    width: 120,
                    title: '项目编码详情',
                    field: 'projcode',
                    command: [
                        {
                            name: 'projcode',
                            //   visible: function(){return '<tr data-uid="#= uid #"><strong>#: projcode #</strong></td>'},
                            click() {
                                alert('<strong>#: projcode #</strong>');
                                detSupplier.arguments.set("", "");
                                detailSource.read();
                                $(`#${editFormId}dictadd`)
                                    .data('kendoWindow')
                                    .title('数据字典新增')
                                    .open()
                                    .center();
                            }

                        }
                    ]
                },
                { field: 'projcode', title: '项目编号', width: 100 },
                { field: 'projname', title: '项目名称', width: 100 },
                { field: 'projyear', title: '年度', width: 80 },
                { field: 'protypecode', title: '项目类别', width: 100, hidden: true },
                { field: 'protypename', title: '项目类别', width: 100 },
                { field: 'projworkcontent', title: '作业内容', width: 320 },
                { field: 'projpersoncount', title: '定员人数', width: 100 },
                { field: 'projmoney', title: '项目总数', width: 100 },
                { field: 'proorgcode', title: '用工单位', width: 100, hidden: true },
                { field: 'proorgname', title: '用工单位', width: 100 },
                { field: 'prostatuecode', title: '项目状态', width: 100, hidden: true },
                { field: 'prostatuename', title: '项目状态', width: 100 }

            ]
        });
        // 单击行事件
        grid.on('click', '.k-grid-content tr', function (this: JQuery, arg: any) {
            // 获取当前选择行数据
            var gridid = grid.data("kendoGrid");
            var row = $(this).closest("tr");
            var rowIdx = $("tr", gridid.tbody).index(row);
            var colIdx = $("td", row).index(this);
            var data = grid.data("kendoGrid").dataItem(row).get("projcode");
            alert(rowIdx + '-' + colIdx+ '-' +data);

        });
        


        // 双击行事件
        grid.on('dblclick', '.k-grid-content tr', function () {
            // 获取当前选择行数据
            // var row = grid.data("kendoGrid").select();
            // var aa=grid.data("kendoGrid").editRow;
            // var data = grid.data("kendoGrid").dataItem(row);
            // alert(row+"/"+aa+""+data);
            var gridid = grid.data("kendoGrid");
            var row = $(this).closest("tr");
            var rowIdx = $("tr", gridid.tbody).index(row);
            var colIdx = $("td", row).index(this);
            var data = grid.data("kendoGrid").dataItem(row).get("projcode");
            alert(rowIdx + '-' + colIdx+ '-' +data);
        });