kendo-ui grid单行取值问题

妖狐艹你老母 2023-08-17 15:59 134阅读 0赞

参考路径：[https://codeday.me/bug/20181101/320043.html][https_codeday.me_bug_20181101_320043.html]

<div id="grid"></div>

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);
            });

[https_codeday.me_bug_20181101_320043.html]: https://codeday.me/bug/20181101/320043.html

发表评论取消回复

表情：

评论列表（有 0 条评论，134人围观）

还没有评论，来说两句吧...

相关阅读

相关 android 单行显示问题

android 单行显示问题第一种：单行显示,最后显示省略号： android:ellipsize="end" android:

秒速五厘米/ 2023年10月17日 17:42/ 0 赞/ 28 阅读

相关 kendo-ui grid单行取值问题

参考路径：[https://codeday.me/bug/20181101/320043.html][https_codeday.me_bug_20181101_320043.

妖狐艹你老母/ 2023年08月17日 15:59/ 0 赞/ 135 阅读

相关安装grid问题汇总

1[安装grid时报INS-40404错误][grid_INS-40404] 原因：这种问题一般是系统中上次已经装过grid或是没有装成功，而再次安装时报的错解决

r囧r小猫/ 2022年08月07日 21:28/ 0 赞/ 28 阅读

相关 KendoUI —— data management 类组件 Grid 表格

一、效果展示二、基础学习 1、组件基础引用js与css <script src="resource/kendoui/js/jquery.min.js"

分手后的思念是犯贱/ 2022年06月12日 06:37/ 0 赞/ 236 阅读

相关 KendoUI —— 关于 KendoUI

官网：[http://www.telerik.com/kendo-ui][http_www.telerik.com_kendo-ui] 简介：KendoU

女爷i/ 2022年06月12日 06:36/ 0 赞/ 205 阅读

相关 KendoUI —— DateTimePicker 组件设置为中文

DateTimePicker 文档：[http://demos.telerik.com/kendo-ui/datetimepicker/template][http_

悠悠/ 2022年06月06日 12:29/ 0 赞/ 508 阅读

相关 jqgrid表格单行新增，单行编辑，单行删除

前言之前公司使用jqgrid的新增修改都是基于单条数据弹一个框进行插入/修改数据库后，返回表格进行刷新来实现的。最近有一个需求想让直接在页面上进行编辑单条数据，新增

Bertha 。/ 2022年01月22日 12:33/ 0 赞/ 614 阅读

相关 easyui-datebox取值问题

两种方式： 1.$("\标签id").val(); ![20190807211451632.png][] 2.$("\标签id").datebox("getValue")

悠悠/ 2021年11月04日 23:54/ 0 赞/ 414 阅读

相关 kendoui中grid中新建一行序号加一

gird中新建行号自动加一方法一 $("#grid").kendoGrid({ ... //省略 edit:function(e){ ...

系统管理员/ 2020年11月29日 15:40/ 0 赞/ 934 阅读

相关 kendoui中的TreeView学习使用

首先，在使用kendoui前端组件框架时，查看官网的文档是必不可少的，所以首先要学会它的基本使用，例如在这个网址https://docs.telerik.com/kend...

你的名字/ 2020年11月29日 12:01/ 0 赞/ 799 阅读