【EasyUI】EasyUI中的一些js处理

一、easyui中datagrid刷新

$('#aa1').datagrid('reload');

二、datagrid复选框

对datagrid添加复选框，从而进行批量操作。

<table id="aa1" class="easyui-datagrid"
               data-options="
            checkbox:true,    //添加复选框
            method:'get',
            border:false,
            singleSelect:false,    //可以多行选中
            idField :'teacherNo',   //解决跨页选中问题
            collapsible:false,
            pagination:true">
            <thead>
            <tr>
                <th data-options="field:'cb',align:'center',width:'110px',checkbox:'true'"></th>
                <th data-options="field:'teacherNo',align:'center',width:'110px'">工号</th>
                <th data-options="field:'teacherName',align:'center',width:'80px'">姓名</th>
            </tr>
            </thead>
        </table>

三、取消datagrid选中状态

$('#aa1').datagrid('clearSelections');

四、datagrid选中一行或多行

单行选中：var row = $('#ttd1').datagrid('getSelected');
多行选中：var rows = $('#aa1').datagrid('getSelections');

rows.length用来选取用户选中了几行
row.属性  rows[i].属性  可以获取用户选中某行中的一个属性值

五、window/dialog的显示与隐藏

$('#window3').window('open');
$('#modifydg1').dialog('close');

//默认隐藏
<div id="modifydg" class="easyui-dialog"  closed="true"></div>

六、form表单内容清空与加载

$(<