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

  • 相关阅读:
    [转载]Python量化交易平台开发教程系列1-类CTP交易API的工作原理
    [转载]Python量化交易平台开发教程系列0-引言
    Wind量化平台使用点评
    掘金量化使用点评
    Tushare使用点评
    量化交易的Python工具链
    可见光通信与室内定位技术
    Qt5下实现摄像头预览及捕获图像方法二(openCV3与Qt5交互使用)
    ubuntu下软件包安装故障解决方案(深入剖析专治疑难)
    Qt5下实现摄像头预览及捕获图像方法一
  • 原文地址:https://www.cnblogs.com/popo1/p/12603922.html
Copyright © 2011-2022 走看看