easyUI的简单操作

1.<div id = 'a'>

$('#a').组件(“方法”，{

　　属性

});                                (常用，一般获取动态数据)

2.<div class = '组件' 样式...>

 

3.多选下拉框的使用：

　　<input id="admin_dbxm_jhzgSelect" name="jhzgNameIds"  />
        <a id="admin_dbxm_searchButton" class='easyui-linkbutton' data-options="iconCls:'icon-search'">筛选</a>
        <a id="admin_dbxm_cleanSearchButton" class='easyui-linkbutton' data-options="iconCls:'icon-cancel'">清空</a>
  

<script>

　　$('#admin_dbxm_jhzgSelect').combobox({
            url:'${pageContext.request.contextPath}/userAction!xxx.action',
            valueField:'id',    //保存数据库中    
            textField:'realname',//前台显示，和后台javabean中的属性对应
            multiple:true,
            panelHeight:'auto'
        });
        $('#admin_dbxm_searchButton').bind('click', function(){
            jhzgNameIds = $('#admin_dbxm_jhzgSelect').combobox('getValues');
            admin_dbxm_datagrid.datagrid('load',
                {   
                    jhzgNameIds:jhzgNameIds.toString(),
                    ky: admin_dbxm_ky,
                    nd: admin_dbxm_nd
                });
        });
        $('#admin_dbxm_cleanSearchButton').bind('click', function(){    
            admin_dbxm_datagrid.datagrid('load',
                {
                    ky: admin_dbxm_ky,
                    nd: admin_dbxm_nd
                });
            $('#admin_dbxm_jhzgSelect').combobox('clear');
        });

</script>

 

4.jquery中datagrid中getSelected和getSelections的用法

说明data是table表格的某一列的id

选中一行：

var get = $("#dg").datagrid("getSelected");

获取列值：get.data，

 

选中多行：

遍历多行的数据

var get = $("#dg").datagrid("getSelections");

for(var i=0;i<get.length;i++)

{

  var data = get[i].data;

}

转载于:https://www.cnblogs.com/xiaolige/p/8868121.html