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));
                    }
                });
            }
  • 相关阅读:
    事件委托
    a标签深入研究
    windows查看端口号
    什么是WCM
    map key循环
    用Myeclipse打war包
    myeclipse 8.510.0 安装 svn 方法
    SVN使用&CVS使用
    MyEclipse 字体大小 字体颜色
    什么是Quickr
  • 原文地址:https://www.cnblogs.com/chen8854/p/5376817.html
Copyright © 2011-2022 走看看