官方

https://www.jeasyui.net/

Windows 属性

该属性扩展自面板（panel），下面是为窗口（window）重写和添加的属性。

名称 类型 描述 默认值
title string 窗口的标题文本。 New Window
collapsible boolean 定义是否显示折叠按钮。 true
minimizable boolean 定义是否显示最小化按钮。 true
maximizable boolean 定义是否显示最大化按钮。 true
closable boolean 定义是否显示关闭按钮。 true
closed boolean 定义是否关闭窗口。 false
zIndex number 从其开始增加的窗口的 z-index。 9000
draggable boolean 定义窗口是否可拖拽。 true
resizable boolean 定义窗口是否可调整尺寸。 true
shadow boolean 如果设置为 true，当窗口能够显示阴影的时候将会显示阴影。 true
inline boolean 定义如何放置窗口，当设置为 true 时则放在它的父容器里，当设置为 false 时则浮在所有元素的顶部。 false
modal boolean 定义窗口是不是模态（modal）窗口。 true

Datagrid 控制列显示和隐藏

1
2
3
4
5
//隐藏 address 列
$("#userdataGrid").datagrid("hideColumn", "address");

//显示 address 列
$("#userdataGrid").datagrid("showColumn", "address");

表单提交 增加额外参数

1
2
3
4
5
6
7
$('#ff').form('submit',  {
  	url:..., 
    onSubmit: function(param){ 
  		param.p1 = 'value1'; 
  		param.p2 = 'value2'; 
		} 
});

注意

  1. 去掉遮罩：打开子窗口后，依然可以操作父窗口内容。模态（modal）窗口，默认为 true，改为 false 即可

    1
    modal: false

  2. 只允许选中一行：singleSelect 设置为 true，默认为 false

    1
    singleSelect: true

  3. 加载成功后取消已选中行

    1
    2
    3
    4
    onBeforeLoad : function() {
    			$(this).datagrid('clearSelections').datagrid('clearChecked');
      		$(this).datagrid('unselectAll').datagrid('uncheckAll');
    }

datagrid 扩展行 mouseover 和 mouseout 事件

  1. 修改源文件 jquery.easyui.min.js 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    dc.body1.add(dc.body2).unbind().bind("mouseover", function (e) {
      if (_52d.resizing) {
      return;
      }
      var tr = $(e.target).closest("tr.datagrid-row");
      if (!_53a(tr)) {
      return;
      }
      var _53b = _53c(tr);
      _58d(_52c, _53b);

      //datagrid 扩展 onMouseoverRow 事件
      var row = opts.finder.getRow(_52c, _53b);
      opts.onMouseoverRow.call(_52c, _53b, row);
      //扩展结束
      
      e.stopPropagation();
    }).bind("mouseout", function (e) {
      var tr = $(e.target).closest("tr.datagrid-row");
      if (!_53a(tr)) {
      return;
      }
      var _53d = _53c(tr);
      opts.finder.getTr(_52c, _53d).removeClass("datagrid-row-over");

      //datagrid 扩展 onMouseoutRow 事件
      var row = opts.finder.getRow(_52c, _53d);
      opts.onMouseoutRow.call(_52c, _53d, row);
    	//扩展结束
      
      e.stopPropagation();
    });

  2. 使用 datagrid 定义中新增事件监听

    1
    2
    3
    4
    5
    6
    7
    8
    onMouseoverRow: function (rowIndex, rowData) {
      console.log(rowIndex);
      console.log(rowData);
    },
      onMouseoutRow: function (rowIndex, rowData) {
        console.log(rowIndex);
        console.log(rowData);
      },