Jquery easyui 데이터 grid 쿼리

4905 단어 Jquery낱줄.
여기에서 데이터grid 조회 기능의 실현을 배우기 시작합니다.
1. 프론트 데스크 코드:

    
    Start from zero
    
    
    
    
    


    
LoginID
UserName Sex Department Age
UserName: LoginID: Search
function getData() { $('#dg').datagrid({ url: 'Handler.ashx', method: 'get', striped: true, title: " ", onSortColumn: function (sort, order) { //alert("sort:" + sort + ",order:" + order + ""); $('#dg').datagrid('reload', { sort: sort, order: order }); } }) } function pagerFilter(data) { if (typeof data.length == 'number' && typeof data.splice == 'function') { // is array data = { total: data.length, rows: data } } var dg = $(this); var opts = dg.datagrid('options'); var pager = dg.datagrid('getPager'); pager.pagination({ onSelectPage: function (pageNum, pageSize) { opts.pageNumber = pageNum; opts.pageSize = pageSize; pager.pagination('refresh', { pageNumber: pageNum, pageSize: pageSize }); dg.datagrid('loadData', data); } }); if (!data.originalRows) { data.originalRows = (data.rows); } var start = (opts.pageNumber - 1) * parseInt(opts.pageSize); var end = start + parseInt(opts.pageSize); data.rows = (data.originalRows.slice(start, end)); return data; } function doSearch() { $("#test").val("search"); $('#dg').datagrid('reload', { test: $('#test').val(), username: $('#username').val(), loginid: $('#loginid').val() }); } $(function () { $('#dg').datagrid({ loadFilter: pagerFilter }).datagrid('loadData', getData()); });

좋은 웹페이지 즐겨찾기