jquey easyui 常用方法

 

jquey easyui 常用方法

2015-05-31 13:02 4473人阅读 评论(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="1050px;height:240px;"
data-options="singleSelect:true">
<thead>
<tr>
<th data-options="field:'xh',80,align:'center'">序号</th>
<th data-options="field:'name',80,align:'center'">名称</th>
</tr>
</thead>
</table>
<div class="easyui-panel" style="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();
   }