zoukankan      html  css  js  c++  java
  • EasyUi datagrid(onClickCell:用户单击一个单元格时触发 ) 單擊編輯 editor:{type: 'combobox'}

    1.columns列[一個單元格] 添加combobox下拉選項

     $("#userGrid").datagrid({

    singleSelect: true,
                onClickCell: function (index, field, value) {
                    //Field = field;
                    //                var rows = $('#' + UserGrid).datagrid('getRows'); //获得所有行
                    //                var row = rows[index]; //根据index获得其中一行。
                    //                WorkidValue = row.Workid;


                    debugger
                    if (client.endEditing()) {    //endEditing:自定義方法
                        $('#' + UserGrid).datagrid('selectRow', index)
                            .datagrid('editCell', { index: index, field: field });   //editCell:自定義方法
                        editIndex = index;  //editIndex:全局變量
                    }
                },

    columns: [[ {
                    field: 'Name',
                    title: '排班出勤',
                    80,
                    align: 'center',
                    editor: {type: 'combobox',options: {}}
                    sortable: true
                    //hidden:hidden
                }]]

    });

     endEditing: function () {
            if (editIndex == undefined) { return true }
            if ($('#' + UserGrid).datagrid('validateRow', editIndex)) {
                $('#' + UserGrid).datagrid('endEdit', editIndex);
                editIndex = undefined;
                return true;
            }
            else {
                return false;
            }
        },

     //userGrid單行編輯點擊事件
        $.extend($.fn.datagrid.methods, {
            editCell: function (jq, param) {
                return jq.each(function () {
                    var opts = $(this).datagrid('options');
                    var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields'));
                    for (var i = 0; i < fields.length; i++) {
                        var col = $(this).datagrid('getColumnOption', fields[i]);
                        col.editor1 = col.editor;
                        if (fields[i] != param.field) {
                            col.editor = null;
                        }
                    }
                    $(this).datagrid('beginEdit', param.index);
                    for (var i = 0; i < fields.length; i++) {
                        var col = $(this).datagrid('getColumnOption', fields[i]);
                        col.editor = col.editor1;
                    }
                });
            }
        });

  • 相关阅读:
    C#枚举扩展方法,获取枚举值的描述值以及获取一个枚举类下面所有的元素
    C#对IQueryable<T>、IEnumerable<T>的扩展方法
    C#常用处理数据类型转换、数据源转换、数制转换、编码转换相关的扩展
    C#常用8种排序算法实现以及原理简介
    身份证号合法性验证,支持15位和18位身份证号,支持地址编码、出生日期、校验位验证
    C#检验参数合法性公用方法
    MVC中得到成员元数据的Description特性描述信息公用方法
    把对象类型转换成指定的类型帮助类方法
    C#操作图片帮助类
    C#执行Dos命令公用方法
  • 原文地址:https://www.cnblogs.com/popo1/p/12603922.html
Copyright © 2011-2022 走看看