zoukankan      html  css  js  c++  java
  • 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;

    }

    出身决定命运,但努力一定不会错。
  • 相关阅读:
    Spring Security【一】 ------ 前后端分离开发
    mybatis 使用mybatis-plus-generator进行代码自动生成
    VuejsApp简介
    BeetleX之Vue ElementUI生成工具
    BeetleX数据分析中间服务V3
    vuejs集成echarts的一些问题
    BeetleX使用bootstrap5开发SPA应用
    BeetleX大数据之产品分析服务
    小试牛刀ElasticSearch大数据聚合统计
    在windows 10的ubuntu系统上如何使用dd命令写u盘?
  • 原文地址:https://www.cnblogs.com/xiaolige/p/8868121.html
Copyright © 2011-2022 走看看