jquey easyui 상용 방법

2607 단어
버전: 1.4.2
1. easyui -textbox:
1、공백 제거:
$('#tt1').textbox({
  onChange: function(value){
  var _trim = $.trim(value);
    $("#tt1").textbox("setValue", _trim);
  }
});

2. 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');
    	}
});

3. easyui-datagrid
1. 페이지 나누기:
html:
data-options="singleSelect:true"> 번호 이름 data-options="pageSize:20, pageList:[20, 30, 50100], showRefresh:false, total:114">
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();
   }

좋은 웹페이지 즐겨찾기