jquey easyui 常用方法

jquey easyui 常用方法

2015-05-31 13:02 4473人阅读 评论(0) 收藏 举报

版本：1.4.2

一、easyui -textbox:

1、去空格：

1. $('#tt1').textbox({
2. onChange: function(value){
3. var _trim = $.trim(value);
4. $("#tt1").textbox("setValue", _trim);
5. }
6. });

二、combogrid

1、失去焦点

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

2、关于事件

1. $('#cc').combogrid({
2. onSelect:function(index,row){
3. },
4. onChange:function(newVal ,oldVal){
5. alert('newVal:' +newVal);
6. alert('oldVal:' +oldVal);
7. alert('getValue:' + $('#cc').combogrid('getValue'));
8. var g = $('#cc').combogrid('grid'); // get datagrid object
9. var r = g.datagrid('getSelected');  // get the selected row
10. if(r ==null)
11. alert('null');
12. else
13. alert('not null');
14. }
15. });

三、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:

1. var _pageSize =20;  // 每页条数
2. var _pageNumber =1; // 当前页
3. var _xm =''; // 姓名
4. var _start =''; // 开始日期
5. var _end =''; // 结束日期
6. function getData()
7. {
8. var _data = null;
9. $.ajax({
10. type : "post",
11. url : 'xxxxx/xx/InitGrid',
12. data : {'pageNumber': _pageNumber,'pageSize': _pageSize,'XM': _xm,'start': _start,'end' : _end},
13. async : false,
14. success : function(data) {
15. _data = eval("(" + data + ")");
16. }
17. });
18. return _data;
19. }
20. // 主调函数
21. function load_grid()
22. {
23. var _data = getData();
24. $('#dg').datagrid({data: _data});
25. paging_grid( _data);
26. }
27. function paging_grid( _data)
28. {
29. $('#pp').pagination({
30. total: _data.total,
31. onSelectPage: function(pageNumber, pageSize){ _pageNumber = pageNumber; _pageSize = pageSize; load_grid(); }});
32. }
33. // 重新加载grid
34. function refreshGrid() {
35. _pageNumber =1;
36. _pageSize = $('#pp').pagination("pageSize");
37. $('#pp').pagination({
38. pageSize: _pageSize,
39. pageNumber: _pageNumber
40. });
41. load_grid();
42. }
43. // 查询
44. function find(){
45. _xm = $('#name').textbox('getValue');
46. _start = $('#start').datebox('getValue');
47. _end = $('#end').datebox('getValue');
48. refreshGrid();
49. }