JQueryEasyUI学习笔记（十一）datagrid右键菜单，冻结列

frozenColumns: [[
                //冻结列 就是指定显示参照列 使其不会出现滚动条
                {
                    field: 'name',
                    title: 'Name',
                    width: 400,
                    sortable: true,
                    editor: {
//设置其为可编辑
                        type: 'validatebox',//设置编辑格式
                        options: {
                            required: true//设置编辑规则属性
                        }
                    }
                }//sortable:true点击该列的时候可以改变升降序
            ]],
            columns: [[
                {
                    field: 'code',
                    title: 'Code',
                    width: 600,
                    editor: {
//设置其为可编辑
                        type: 'validatebox',//设置编辑样式 自带样式有：text，textarea，checkbox，numberbox，validatebox，datebox，combobox，combotree 可自行扩展
                        options: {}
                    }
                }, {
                    field: 'addr',
                    title: 'addr',
                    width: 200,
                    editor: {
//设置其为可编辑
                        type: 'datetimebox',//这里我们将进行一个datetimebox的扩展
                        options: {
                            required: true//设置编辑规则属性
                        }
                    }
                }
            ]]

onRowContextMenu: function(e, rowIndex, rowData) { //右键时触发事件                //三个参数：e里面的内容很多，真心不明白，rowIndex就是当前点击时所在行的索引，rowData当前行的数据                e.preventDefault(); //阻止浏览器捕获右键事件                $(this).datagrid("clearSelections"); //取消所有选中项                $(this).datagrid("selectRow", rowIndex); //根据索引选中该行                $('#menu').menu('show', {//显示右键菜单                    left: e.pageX,//在鼠标点击处显示菜单                    top: e.pageY                });            }

<div id="menu" class="easyui-menu" style="width: 50px; display: none;">        <div>增加div>    <div data-options="iconCls:'icon-save'" onclick="">删除div>        <div>修改div>div>