1. {
  2. xtype: 'grid',
  3. sortableColumns: false,
  4. reference: 'grid',
  5. flex: 1,
  6. store: 'panoram.Panoram',
  7. columns: [{
  8. xtype: 'rownumberer'
  9. },{
  10. text: '主键',
  11. dataIndex: 'id',
  12. name: 'id',
  13. id: 'panoramid',
  14. width: 100
  15. },{
  16. text: 'viewUuid',
  17. dataIndex: 'viewUuid',
  18. width: 100
  19. }, {
  20. text: '缩略图路径',
  21. dataIndex: 'thumbPath',
  22. width: 100,
  23. renderer: function (v) {
  24. return '<image style="width : 185px; height : 70px;" src="'+v+'" />'
  25. }
  26. }, {
  27. text: '名称',
  28. dataIndex: 'name',
  29. width: 100
  30. }, {
  31. text: '风格',
  32. dataIndex: 'style',
  33. width: 100
  34. }, {
  35. text: '户型',
  36. dataIndex: 'houseType',
  37. width: 100
  38. }, {
  39. text: '空间',
  40. dataIndex: 'space',
  41. width: 100
  42. },{
  43. text: '创建时间',
  44. dataIndex: 'createTime',
  45. width:100
  46. },{
  47. text: '操作',
  48. xtype: 'actioncolumn',
  49. width: 100,
  50. items: [{
  51. tooltip: '添加',
  52. icon: 'resources/images/icons/new-icon.png',
  53. handler: 'bringIntoMyStudio'
  54. },{
  55. tooltip: '推荐',
  56. icon: 'resources/images/icons/hot-icon.png',
  57. handler: 'recommendPanoram'
  58. }]
  59. }],
  60. selModel: {
  61. selType: 'checkboxmodel'
  62. },
  63. dockedItems: [{
  64. xtype: 'toolbar',
  65. items: [ '->', {
  66. text: '查询',
  67. iconCls: 'fa fa-search',
  68. reference: 'btn_search',
  69. handler: 'search'
  70. }
  71. , {
  72. text: '清空条件',
  73. iconCls: 'fa fa-search',
  74. listeners: {
  75. click: 'reset'
  76. }
  77. }]
  78. }, {
  79. xtype: 'pagingtoolbar',
  80. store: 'panoram.Panoram',
  81. dock: 'bottom',
  82. displayInfo: true
  83. }],
  84. listeners: {
  85. beforerender: 'gridBeforeRender',
  86. render: 'search'
  87. }
  88. }

这是个items里面的grid,在PanoramController.js里写好方法

  1. var rec = grid.getStore().getAt(rowIndex);//获取当前行的对象
  1. rec.get('id')//get()里面加上dataIndex的值,即可获取该列的值
  2.  
  3. 第一句锁定行,第二句锁定列,获取某一行某一列的数据,也可以用rec把整个grid提交,但是没什么意义
  1. recommendPanoram: function (grid,rowIndex) {
  2. var rec = grid.getStore().getAt(rowIndex);
  3. Common.util.Util.doAjax({
  4. url: Common.Config.requestPath('Panoram', 'recommendPanoram'),
  5. method: 'post',
  6. params: {
  7. id:rec.get('id')
  8. },
  9. callback: function() {
  10. window.store.loadPage(1);
  11. }
  12. }, function () {
  13. Common.util.Util.toast("推荐成功");
  14. });
  15. },

Extjs6获取Grid里的数据(数据源)的更多相关文章

  1. ExtJs6获取form里的数据

    1.PanoramForm.js form的items部分 items: [{ xtype: 'form', id:'customerF', modelValidation: true, defaul ...

  2. ASP.NET Core 2.2 : 十六.扒一扒新的Endpoint路由方案 try.dot.net 的正确使用姿势 .Net NPOI 根据excel模板导出excel、直接生成excel .Net NPOI 上传excel文件、提交后台获取excel里的数据

    ASP.NET Core 2.2 : 十六.扒一扒新的Endpoint路由方案   ASP.NET Core 从2.2版本开始,采用了一个新的名为Endpoint的路由方案,与原来的方案在使用上差别不 ...

  3. APIView里如何获取HTTP里的数据

    request.data.get()  获取post方法表单里的数据 request.post.get()  获取post方法表单里的数据 request.GET.get()  获取URL里的数据 r ...

  4. ligerui_实际项目_003:form中添加数据,表格(grid)里面显示,最后将表格(grid)里的数据提交到servlet

    实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序 图片效果: 总结: //disp ...

  5. .Net NPOI 上传excel文件、提交后台获取excel里的数据

    1.导入NPOI.dll 2.添加类NPOIExcel.cs using System; using System.Collections.Generic; using System.Text; us ...

  6. 关于Android中获取Intent里的数据

    Intent获取数据和发送数据的办法: //直接通过Intent发送 intent.putExtra("name","wytings"); //直接通过Inte ...

  7. extjs6中grid里放置图片

    1.加黑体的是实现代码,在view中操作 /** * Created by Wwei on 2017/7/1. */ Ext.define('Admin.view.userpanoram.UserPa ...

  8. 基于BootStrap的initupload()实现Excel上传和获取excel中的数据

    简单说明:后边要做exl解析(还没做呢),所以先有一个excel的的上传以及获取excel中的数据,展示出来. 代码: //html代码 <div class="btn-group&q ...

  9. angularjs之UI Grid 的刷新 本地数据源及HTTP数据源

    关键代码: 如果数据源是本地数据$("#hidJsonData").val("[]");   var myJsonData = [];   if ($(&quo ...

随机推荐

  1. Apache FtpServer 实现文件的上传和下载

    1 下载需要的jar包 Ftp服务器实现文件的上传和下载,主要依赖jar包为: 2 搭建ftp服务器 参考Windows 上搭建Apache FtpServer,搭建ftp服务器 3 主要代码 在ec ...

  2. 动态rem与1px边框问题的理解

    当我们在项目开发中,拿到设计师的设计图,满怀欣喜的准备按照设计图将页面实现出来的时候,我们通常会遇到这个问题: 如何将页面的内容按照在不同手机屏幕浏览的情况下,比例都是不变的呢?这个时候我们就需要使用 ...

  3. Java操作Excel和Word

    这是一个URL它提供了Java项目所推荐的处理此项目所用的类库 http://www.oschina.net/project/tag/258/excel-tools?company=0&sor ...

  4. Mybatis 的分页条件查询语句编写

    刚来到一家新公司, 翻看项目代码, 发现一位同事写的查询逻辑很好, 不用插件, 一个语句完成了分页条件查询. 而我之前一般都是在业务层对参数进行判断, 如果有条件,就调用条件查询的方法, 如果没有条件 ...

  5. 微信小程序-滚动消息通知

    写在前面: 微信小程序学的不太多,做了一个简单的项目,回来很快时间内把在深圳两天的房租给赚回来了. 这次我主要想总结一下微信小程序实现上下滚动消息提醒,主要是利用swiper组件来实现,swiper组 ...

  6. ASP.NET前台html页面AJAX提交数据后台ashx页面接收数据

    摘要:最近在写网站,好不容易弄好了需求又变了,没错企业的门户网站硬要弄成后台管理系统一样,没办法作为小工的我只能默默的改.前台HTML页面需要提交数据到后台处理,又不能用form表单,于是乎研究了1天 ...

  7. Uva140 Bandwidth 全排列+生成测试法+剪枝

    参考过仰望高端玩家的小清新的代码... 思路:1.按字典序对输入的字符串抽取字符,id[字母]=编号,id[编号]=字母,形成双射       2.邻接表用两个vector存储,存储相邻关系     ...

  8. Spring框架集成mybatis框架的配置(笔记)

    <!-- 0.注解扫描 --><!-- 1.导入外部文件 --><!-- 2.数据源 --><!-- 3.session Factory -->< ...

  9. Mybatis源码分析-SqlSessionTemplate

    承接Mybatis源码解析-MapperRegistry注册mapper接口,本文将在前文基础上讲解持久层的生成 SqlSessionFactory生成 在spring中,SqlSessionFact ...

  10. [BZOJ 3629][ JLOI2014 ]聪明的燕姿

    这道题考试选择打表,完美爆零.. 算数基本定理: 任何一个大于1的自然数N,都可以唯一分解成有限个质数的乘积N=P₁^a₁ P₂^a₂…Pn^an,这里P₁<P₂<…<Pn均为质数, ...