zoukankan      html  css  js  c++  java
  • easyui combo+pagination 图标选择器

    从数据库读取分页显示

            $(function () {
                initTable(1, 180);
    
                $('#cc').combo({
                    editable: false,
                    panelWidth: 'auto',
                    panelHeight: 'auto'
                });
    
                $('#iconSelectPanel').appendTo($('#cc').combo('panel'));
    
                $('#iconList').delegate('span', 'click', function () {
                    var value = $(this).data('icon');
                    var title = $(this).attr('title');
    
                    var formatter = '<span class="icon-span ' + value + '" title="' + title + '" ></span>';
                    $('#selectedIcon').html(formatter);
                    $('#cc').combo('setValue', value).combo('setText', title).combo('hidePanel');
                });
    
                $('#pp').pagination({
                    pageNumber: 1,
                    pageSize: 180,
                    pageList: [180],
                    showPageList: false,
                    displayMsg: '',
                    onSelectPage: function (pageNumber, pageSize) {
                        $(this).pagination('loading');
                        $(this).pagination('loaded');
                        initTable(pageNumber, pageSize);
                    }
                });
            });
    
            function initTable(pageNumber, pageSize) {
                $.ajax({
                    url: '@Url.Action("List")',
                    type: 'post',
                    dataType: 'json',
                    data: {
                        pageNumber: pageNumber,
                        pageSize: pageSize
                    },
                    success: function (data) {
                        $('#pp').pagination({ total: data.total });
                        $('#iconList').html($('#iconTemplate').render(data));
                    }
                });
            }
  • 相关阅读:
    JS 中 this 关键字详解
    Excel 文本函数
    Excel 日期和时间函数
    Excel引用和数学函数
    Excel-查找函数
    Excel-统计函数
    数据分析-业务知识
    Excel-逻辑函数
    Excel-基本操作
    电商数据分析总结
  • 原文地址:https://www.cnblogs.com/chen8854/p/5376817.html
Copyright © 2011-2022 走看看