Easyui

来源：互联网发布：天猫双11交易数据编辑：程序博客网时间：2024/06/06 03:12

Form
- Combobox
  - 初始化
  - 取值赋值
- Datagrid
  - 初始化
  - 刷新
  - 列操作
    - 隐藏和显示
  - 行操作
    - 增加行
    - 编辑行
    - 删除行
    - 获取变更行
    - 单选行
    - 勾选行
    - 保存

Form

Combobox

初始化

$('#company').combobox({    url: url,    valueField: 'id',    textField: 'dept_name',    width: '120',    onSelect: function(rec) {    },    onLoadSuccess: function() {        //选中集合中第二条数据        var data = $('#company').combobox('getData');        if (data.length > 1) {            $("#company").combobox('select', data[1].id);        }    }});

取值&赋值

 $('#company').combobox('getValue'); $('#company').combobox('setValue','');

Datagrid

初始化

$('#list').datagrid({    url: actionUrl + "getList",    loadMsg: '数据加载中请稍后……',    pageNumber: 1,    width: '100%',    height: 400,    pageSize: 15,    // 每页显示的记录条数，默认为10    pageList: [15, 20, 25, 30, 50],    // 可以设置每页记录条数的列表    pagination: {        pageNumber: 1,        beforePageText: '第',        // 页数文本框前显示的汉字        afterPageText: '页    共 {pages} 页',        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'    },    onDblClickRow: onDblClickRow,    onClickRow: onClickRow});

刷新

$('#list').datagrid('reload', queryParam);

列操作

隐藏和显示

 $("#list").datagrid('hideColumn', exaineName); $("#list").datagrid('showColumn', exaineName);

行操作

增加行

$('#list').datagrid('appendRow', {});

编辑行

$('#list').datagrid('beginEdit', editIndex);$('#list').datagrid('endEdit', editIndex);

删除行

$('#list').datagrid('deleteRow', index);

获取变更行

var rows = $list.datagrid('getChanges');var inserted = $list.datagrid('getChanges', "inserted");var deleted = $list.datagrid('getChanges', "deleted");var updated = $list.datagrid('getChanges', "updated");$('#list').datagrid('acceptChanges');

单选行

$('#list').datagrid('selectRow', rowIndex);$('#list').datagrid('unselectRow', rowIndex);//获取第一行选中行var row = $('#list').datagrid('getSelected');//------------------------------------$('#list').datagrid('selectAll');$('#list').datagrid('unselectAll');

勾选行

$('#list').datagrid('checkRow', rowIndex);$('#list').datagrid('uncheckRow', rowIndex);//------------------------------------$('#list').datagrid('checkAll');$('#list').datagrid('uncheckAll'); var rows = $('#list').datagrid('getChecked'); if (rows) {    $.each(rows,function(i, n) {    }); }

保存

0 0