首页 > 软件开发 > JQUERY >

easyui 分页数据如何修改

来源:互联网 2023-03-17 00:49:10 177

在使用jquery和easyui组合起来的框架时,利用对应的方法绑定表格数据,并创建一个表格。如果在表格中添加分页,那么如何修改分页数据呢?1OB办公区 - 实用经验教程分享!

easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

工具/原料

  • easyui
  • jquery
  • HTML5
  • CSS3
  • HBuilderX
  • 截图工具
  • 浏览器
  • WPS

方法/步骤

  • 1

    打开HBuilderX开发工具,新建Web项目并将easyui拷贝进项目,创建一个静态页面stu.html1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 2

    将easyui相关的JavaScript文件和CSS文件引入到静态页面中,还有jquery核心文件1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 3

    向body>/body>标签中,插入一个table并绑定表格数据源1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 3本页面未经授权抓取自百度经验
  • 4

    在data文件夹中,新建student.json文件,插入json格式数据1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 5

    接着在table标签内,添加属性pagination、rownumbers、fitColumns和singleSelect1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 6

    保存代码并运行项目,打开浏览器查看效果,可以发现表格下方有个分页1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 7

    在script标签中,调用datagrid获取分页对象,然后设置pageSize、pageList以及分页显示1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 8

    再次保存代码并刷新浏览器,可以发现表格分页变为中文显示,并且根据设置来显示1OB办公区 - 实用经验教程分享!

    easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

  • 总结

    • 1、拷贝文件进入项目1OB办公区 - 实用经验教程分享!

      2、新建页面引入文件1OB办公区 - 实用经验教程分享!

      3、插入表格元素分页1OB办公区 - 实用经验教程分享!

      4、获取分页对象查看1OB办公区 - 实用经验教程分享!

      easyui 分页数据如何修改1OB办公区 - 实用经验教程分享!

    注意事项

    • 注意easyui 分页数据如何修改
    • 注意使用easyui创建表格并绑定数据源

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!1OB办公区 - 实用经验教程分享!


    标签: JQUERYJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码