-
extjs的grid在页面上无法显示5
js代码如下，效果就是页眉，页脚，和右边的表单可以显示出来，中间网格空白，F12可以看到请求成功，并且返回了数据，求帮助！
Ext.onReady(function(){ //页面整体布局 var viewport = new Ext.Viewport({ layout:'border', items:[{ region:'north', html:'<div style="font-weight:bold;font-size:200%;">学生信息管理</div>' },grid,{ //这里放网格 region:'east', html:'表单' },{ region:'south', html:'<div style="text-align:right;">页脚</div>' }] }); var sexRenderer = function(value){ if(value){ return '<span>男</span>'; } else{ return '<span>女</span>'; } }; var store = new Ext.data.JsonStore({ proxy : new Ext.data.HttpProxy({ url : 'test'// 相对路径 }), reader : new Ext.data.JsonReader({ totalProperty : 'totalCount',//总条目数 root : 'students' //数据 }), fields : [{ name : 'name' }, { name : 'gender' }, { name : 'tel' }, { name : 'political' }, { name : 'professional' }], pageSize:2 }); store.load({params:{start:0,limit:2}}); //构造列 var columns = new Ext.grid.ColumnModel([ {header:'姓名',dataIndex:'name'}, {header:'性别',dataIndex:'gender',renderer:sexRenderer}, //为真返回男，否则女 {header:'电话',dataIndex:'tel'}, {header:'政治面貌',dataIndex:'political'}, {header:'专业',dataIndex:'professional'} ]); columns.defaultSortable = true; //构造网格 var grid = new Ext.grid.GridPanel({ viewConfig : { forceFit : true }, region:'center', store :store, cm : columns, bbar:new Ext.PagingToolbar({ pageSize:2, store:store, displayInfo:true, displayMsg:'show{0}th to {1}th record, sum{2}', emptyMsg:'No Record!' }) }); });2014年11月08日 22:30
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
不清楚你用的是哪个版本，我用的是4.1，把你的code Copy到本地调试了一下,你试这把grid的申明放到viewport前面，这样应该是没有问题的.下面是我本地代码：
Ext.onReady(function() { var store = new Ext.data.JsonStore({ proxy : new Ext.data.HttpProxy({ url : 'test'// 相对路径 }), reader : new Ext.data.JsonReader({ totalProperty : 'totalCount',//总条目数 root : 'students' //数据 }), fields : [{ name : 'name' }, { name : 'gender' }, { name : 'tel' }, { name : 'political' }, { name : 'professional' }], pageSize:2 }); store.load({params:{start:0,limit:2}}); var grid = new Ext.grid.GridPanel({ viewConfig : { forceFit : true }, region:'center', store :store, columns: [ {header:'姓名',dataIndex:'name'}, {header:'性别',dataIndex:'gender'}, //为真返回男，否则女 {header:'电话',dataIndex:'tel'}, {header:'政治面貌',dataIndex:'political'}, {header:'专业',dataIndex:'professional'} ] }); //页面整体布局 var viewport = new Ext.Viewport({ layout:'border', items:[{ region:'north', html:'<div style="font-weight:bold;font-size:200%;">学生信息管理</div>' },grid,{ //这里放网格 region:'east', html:'表单' },{ region:'south', html:'<div style="text-align:right;">页脚</div>' }] }); });2014年11月10日 13:27
相关推荐
有java环境就可以运行起来 ,zip里包含源码+论文+PPT, 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。 环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上 数据库工具：Navicat11及以上 开发软件：eclipse/idea Maven包：Maven3.3及以上
【资源说明】 基于selenium的携程机票爬虫资料齐全+详细文档+高分项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明： 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展，智慧社区门户网站的建设成为了可能，并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java，数据库为MYSQL，并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。
免费下载：Civil War (Stuart Moore)_xVBgd.zip
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；
免费下载：Spider-Man (Stefan Petrucha)_2pBuA.zip
jj视频合并程序代码QZQ
zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明： 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展，智慧社区门户网站的建设成为了可能，并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java，数据库为MYSQL，并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；
【资源说明】 基于卷积神经网络的通信调制方式识别详细文档+全部资料+优秀项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
理层、数据链路层、网络层、传输层和应用层的功能、技术和协议。同时，对网络安全、无线网络、网络管理和网络新技术进行了深入剖析。通过案例分析帮助学习者更好地理解实际应用，推荐学习资源助力深入学习。最后总结要点并展望未来网络发展趋势，为计算机网络学习者提供了丰富的知识和实用的指导。
51单片机控制的智能小车.7z
计算结构体变量的内存大小1.cpp
【资源说明】 基于多智能体深度强化学习的车联网通信资源分配优化详细文档+全部资料+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
空中俯视物体检测11-YOLO（v5至v9）、COCO、CreateML、Paligemma数据集合集.rarDOTA V2开发训练-V1 2023-12-28 10:02 PM ============================= *与您的团队在计算机视觉项目上合作 *收集和组织图像 *了解和搜索非结构化图像数据 *注释，创建数据集 *导出，训练和部署计算机视觉模型 *使用主动学习随着时间的推移改善数据集 对于最先进的计算机视觉培训笔记本，您可以与此数据集一起使用 该数据集包括8388张图像。 以可可格式注释了飞机船舶存储 - 基准桶。 将以下预处理应用于每个图像： 没有应用图像增强技术。
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；
【资源说明】 基于selenium与requests的暨南大学自动健康打卡程序资料齐全+详细文档+高分项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
免费下载：Hilma af Klint a Biography (Julia Voss)_tFy2T.zip
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；
图书管理系统作为示例，这个系统将包括以下功能： 功能要求 用户管理：注册、登录、查看用户信息。 图书管理：添加、删除、修改、查询图书信息。 借书和还书：用户可以借阅图书并记录借书信息。 查询功能：按书名、作者、ISBN查询图书。 日志记录：记录系统中的所有操作。 使用技术 Python：作为主要编程语言。 Flask：一个轻量级的Web框架。 SQLite：作为数据库来存储用户和图书信息。 SQLAlchemy：ORM工具，简化数据库操作。 Flask-Login：用于管理用户会话。 Flask-WTF：处理表单。 Bcrypt：密码哈希处理。 数据库设计 Users Table: id, username, password, email Books Table: id, title, author, isbn, quantity Borrow Table: id, user_id, book_id, borrowed_date, return_date 扩展需求 安全控制： 所有用户数据加密存储。 使用HTTPS来加密传输的数据。 实现角色和权限控制，管理员可以管理图书和用户，普