easyui 分页导航添加文字

版本:easyui-1.4.1

文件:jquery.easyui.min.js

行号:1076行

函数:_a8(_aa)

 

替换成下面代码:

function _a8(_aa) {
    var btn = _a3.nav[_aa];
    var a = $("<a href=\"javascript:void(0)\"></a>").appendTo(tr);
    a.wrap("<td></td>");
    //===========================
    /*
     * 2015-03-19
     * by:mrlee23
     * bug:增加分页当行文本内容
     */
    var a_opt = {
        plain: true
    };
    if (_a3.navShowIcon == null || _a3.navShowIcon) {
        a_opt.iconCls = btn.iconCls;
    }
    if (_a3.navText != null && _a3.navText[_aa] != null) {
        a_opt.text = _a3.navText[_aa];
    }
    //===========================
    a.linkbutton(a_opt).unbind(".pagination").bind("click.pagination",
    function() {
        btn.handler.call(_a1);
    });
    return a;
};

 

调用方式:

    $("#pp").pagination({
        layout: ['sep','first','prev','links','next','last','sep','list'],
        displayMsg: '',
        navShowIcon:false,
        navText:{first:"首页",prev:"<<上一页",next:"下一页>>",last:"尾页"}
    });

  

   * 转载请标明来源或出处

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
对于EasyUI左侧导航栏,你可以使用Accordion组件来实现。Accordion组件提供了垂直的折叠菜单效果,可以通过点击菜单项展开或收起子菜单项。 首先,你需要引入EasyUI的相关资源文件。确保你已经引入了jQuery和EasyUI的CSS和JavaScript文件。 然后,你可以使用以下HTML代码来创建一个基本的左侧导航栏: ```html <div class="easyui-accordion" style="width:200px;height:100%"> <!-- 第一个菜单项 --> <div title="菜单项1" iconCls="icon-ok"> <!-- 子菜单项1 --> <div title="子菜单项1" data-options="selected:true"> 内容1 </div> <!-- 子菜单项2 --> <div title="子菜单项2"> 内容2 </div> </div> <!-- 第二个菜单项 --> <div title="菜单项2" iconCls="icon-search"> <!-- 子菜单项3 --> <div title="子菜单项3"> 内容3 </div> <!-- 子菜单项4 --> <div title="子菜单项4"> 内容4 </div> </div> </div> ``` 上述代码中,我们使用`<div class="easyui-accordion">`来创建Accordion组件,并设置了宽度和高度。 每个菜单项都是一个`<div>`元素,通过设置`title`属性来定义菜单项的标题,通过设置`iconCls`属性来定义菜单项的图标。 在每个菜单项下,你可以添加多个子菜单项,也是通过`<div>`元素来表示。通过设置`data-options="selected:true"`来指定默认选中的菜单项。 最后,你需要在页面加载完成后初始化Accordion组件,可以在JavaScript代码中添加以下代码: ```javascript $(function(){ $('.easyui-accordion').accordion(); }); ``` 以上就是使用EasyUI实现左侧导航栏的基本方法。你可以根据自己的需求来修改菜单项的内容、样式和交互效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Viggo.Lee

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值