easyUI datagrid学习笔记

1.easyUI表格的列属性 formatter:function(value,rowdata,rowindex) { return '['+value+']';//格式化，给每个值加上‘【】’； }

2.easyUI表格的点击表格列标题时触发的事件onHeaderContextMenu onHeaderContextMenu:function(e,field) { console.log(field);//得到列标题 }

3.easyUI表格的右击表格时触发的事件onRowContextMenu onRowContextMenu:function(e,rowindex,rowdata) { e.preventDefault(); console.log(rowdata);//得到右击时候的行数据 可以做一个菜单在右击的时候显示， $('#menu').menu('show',{ //右击的时候当前位置得到菜单 left:e.pageX , right:e.pageY, }) }

4.双击可以编辑事件 obj={...属性方法事件...} onDbClickRow: function(rowindex,rowdata) { if(obj.editRow!=undefined) { $('#box').datagrid('endEdit',obj.editRow); ) if(obj.editRow==undefined) { $('#box').datagrid('beginEdit',rowIndex); obj.editRow=rowIndex; } }

onDblClickRow : function (rowIndex, rowData) {

$('#dg').datagrid('unselectAll');//双击取消选中

},