jquey easyui 常用方法

淡淡的烟草味﹌ 2022-08-05 02:16 232阅读 0赞

版本：1.4.2

一、easyui -textbox:

1、去空格：

$('#tt1').textbox({
      onChange: function(value){
      var _trim = $.trim(value);
        $("#tt1").textbox("setValue", _trim);
      }
    });

二、combogrid

1、失去焦点

$(document).ready(function () {
                $('#cc').next().find(":text").blur(function () { 
                    alert("1")
                });
       });

2、关于事件

$('#cc').combogrid({
        	onSelect:function(index,row){
            				
        	},
        	onChange:function(newVal ,oldVal){
                alert('newVal:' +newVal);
                alert('oldVal:' +oldVal);
                alert('getValue:' + $('#cc').combogrid('getValue'));
            				
                var g = $('#cc').combogrid('grid');	// get datagrid object
    	    var r = g.datagrid('getSelected');	// get the selected row
    	    if(r ==null)
    		alert('null');
    	    else
    		alert('not null');
        	}
    });

三、easyui-datagrid

1、分页：

html:

<table id="dg" class="easyui-datagrid" title="列表" style="width:1050px;height:240px;"  
data-options="singleSelect:true">  
<thead>  
<tr>  
<th data-options="field:'xh',width:80,align:'center'">序号</th>  
<th data-options="field:'name',width:80,align:'center'">名称</th>  
</tr>  
</thead>  
</table>  
<div class="easyui-panel" style="width:1050px;">  
        <div id="pp" class="easyui-pagination"   
        data-options="  
        pageSize:20,  
        pageList:\[20,30,50,100\],  
        showRefresh:false,  
        total:114" ></div>  
   </div>

javascript:

var _pageSize =20;	// 每页条数
    var _pageNumber =1; // 当前页 
    var _xm =''; // 姓名 
    var _start =''; // 开始日期 
    var _end =''; // 结束日期 
    function getData() 
    { 
    	var _data = null; 
    	$.ajax({
    		type : "post",
    		url : 'xxxxx/xx/InitGrid',
    		data : {'pageNumber': _pageNumber,'pageSize': _pageSize,'XM': _xm,'start': _start,'end' : _end},
    		async : false,
    		success : function(data) {
    			_data = eval("(" + data + ")");
    			}
    		});
    			
    		return _data; 
    		} 
    
    // 主调函数 
    function load_grid() 
    { 
    	var _data = getData(); 
    	$('#dg').datagrid({data: _data});
    	paging_grid( _data); 
    } 
    function paging_grid( _data) 
    { 
    	$('#pp').pagination({ 
    		total: _data.total, 
    		onSelectPage: function(pageNumber, pageSize){ _pageNumber = pageNumber; _pageSize = pageSize; load_grid(); }}); 
    }
    // 重新加载grid
    function refreshGrid() {
    
        _pageNumber =1; 
        _pageSize = $('#pp').pagination("pageSize");
        $('#pp').pagination({
        	pageSize: _pageSize,
        	pageNumber: _pageNumber
        }); 
        
        load_grid();
    }
    
    // 查询
    function find(){
    
    _xm = $('#name').textbox('getValue');
    _start = $('#start').datebox('getValue');
    _end = $('#end').datebox('getValue');
    refreshGrid();
       }

发表评论取消回复

表情：

评论列表（有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquey 遍历json

第一步：ajax请求后台数据，数据传递方式为：json <script language="Javascript"> $(document).ready(fu

忘是亡心i/ 2023年10月16日 19:38/ 0 赞/ 35 阅读

相关 jquey ajax请求

$.ajax({ url: "/GZ_BAPI_CLASS_GETDETAIL/localjson?IV_EQUIPMENT="+Equip_Co

小灰灰/ 2022年11月12日 09:38/ 0 赞/ 140 阅读

相关 easyui常用控件常用方法

easyui常用控件使用方法： 1.文本框 <input class="easyui-textbox" style="width:100%;height:32

古城微笑少年丶/ 2022年08月10日 09:55/ 0 赞/ 424 阅读

相关 jquey easyui 常用方法

版本：1.4.2 一、easyui -textbox: 1、去空格： $('tt1').textbox({ onChange: functi

淡淡的烟草味﹌/ 2022年08月05日 02:16/ 0 赞/ 233 阅读

相关 java常用数据结构常用方法

String/StringBuffer/ArrayList本质一样，底层都为数组，只不过动态静态的区别，方法也基本类似 1.String ![Center][] !

秒速五厘米/ 2022年07月21日 11:16/ 0 赞/ 259 阅读

相关常用数组方法

前言我平时都是需要用到数组时再去搜方法，没想到面试中好几次都被问到对数组的一些操作，所以每次都黑人问号，基本只记得什么pop/push/shift，就想着找点资料好好总

柔光的暖阳◎/ 2022年01月18日 23:09/ 0 赞/ 420 阅读

相关 mybatis常用方法

![1471134-20190613121255768-316854294.png][] 实体类按照如下规则和数据库表进⾏转换,注解全部是JPA中的注解: 表名默认使⽤类名

我会带着你远行/ 2021年12月22日 04:25/ 0 赞/ 368 阅读

相关 git 常用方法

git使用过的命令记录文章目录更改远程仓库删除远程仓库文件，本地不动配置用户名密码配置

一时失言乱红尘/ 2021年12月11日 14:37/ 0 赞/ 317 阅读

相关常用方法

String类 split(字符串分割) `public String[] split(String regex)` 此方法和limit = 0时情况一样

迈不过友情╰/ 2021年11月11日 12:28/ 0 赞/ 405 阅读

相关 easyui 常用按钮图标

只要在icons属性上，加上图标对应的名字，easyUI就会显示对应的图标。 ![这里写图片描述][SouthEast] <a href="" class="eas

末蓝、/ 2021年07月28日 17:44/ 0 赞/ 612 阅读