{
xtype: 'grid',
sortableColumns: false,
reference: 'grid',
flex: 1,
store: 'panoram.Panoram',
columns: [{
xtype: 'rownumberer'
},{
text: '主键',
dataIndex: 'id',
name: 'id',
id: 'panoramid',
width: 100
},{
text: 'viewUuid',
dataIndex: 'viewUuid',
width: 100
}, {
text: '缩略图路径',
dataIndex: 'thumbPath',
width: 100,
renderer: function (v) {
return '<image style="width : 185px; height : 70px;" src="'+v+'" />'
}
}, {
text: '名称',
dataIndex: 'name',
width: 100
}, {
text: '风格',
dataIndex: 'style',
width: 100
}, {
text: '户型',
dataIndex: 'houseType',
width: 100
}, {
text: '空间',
dataIndex: 'space',
width: 100
},{
text: '创建时间',
dataIndex: 'createTime',
width:100
},{
text: '操作',
xtype: 'actioncolumn',
width: 100,
items: [{
tooltip: '添加',
icon: 'resources/images/icons/new-icon.png',
handler: 'bringIntoMyStudio'
},{
tooltip: '推荐',
icon: 'resources/images/icons/hot-icon.png',
handler: 'recommendPanoram'
}]
}],
selModel: {
selType: 'checkboxmodel'
},
dockedItems: [{
xtype: 'toolbar',
items: [ '->', {
text: '查询',
iconCls: 'fa fa-search',
reference: 'btn_search',
handler: 'search'
}
, {
text: '清空条件',
iconCls: 'fa fa-search',
listeners: {
click: 'reset'
}
}]
}, {
xtype: 'pagingtoolbar',
store: 'panoram.Panoram',
dock: 'bottom',
displayInfo: true
}],
listeners: {
beforerender: 'gridBeforeRender',
render: 'search'
}
}

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

var rec = grid.getStore().getAt(rowIndex);//获取当前行的对象
rec.get('id')//get()里面加上dataIndex的值,即可获取该列的值

第一句锁定行,第二句锁定列,获取某一行某一列的数据,也可以用rec把整个grid提交,但是没什么意义
recommendPanoram: function (grid,rowIndex) {
var rec = grid.getStore().getAt(rowIndex);
Common.util.Util.doAjax({
url: Common.Config.requestPath('Panoram', 'recommendPanoram'),
method: 'post',
params: {
id:rec.get('id')
},
callback: function() {
window.store.loadPage(1);
}
}, function () {
Common.util.Util.toast("推荐成功");
});
},

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. 实施软件测试风险分析&回归用例刷选

    [一两年前收集整理的资料,感觉不错,放到博客上来] 作为软件测试计划的一部分,软件测试风险的分析与控制是其中重要的环节.如果前期风险分析与控制比较充分,那么会使软件的测试成功性大大增加,且可将由风险异 ...

  2. MySql的事务隔离级别

    一,未提交读 顾名思义,未提交读就是能够读取到事务尚未提交所产生的数据.这种隔离方式会产生一种问题就是“脏读”. 脏读: 比方说有两个事务A B   在A事务里面将数据的id更改为2,但是A事务尚未提 ...

  3. 移动端https抓包那些事--初级篇

    对于刚刚进入移动安全领域的安全研究人员或者安全爱好者,在对手机APP进行渗透测试的时候会发现一个很大的问题,就是无法抓取https的流量数据包,导致渗透测试无法继续进行下去. 这次给大家介绍一些手机端 ...

  4. Javascript之布尔

    一.概念 将非布尔值转成布尔值(true)或(false). 二.创建布尔对象 var bool = new Boolean(); console.log(bool);//Boolean { fals ...

  5. Android中的服务

    Android中的服务 四大组件都是运行在主线程 Android中的服务,是在后台运行 .可以理解成是在后台运行并且是没有界面的Activity. Foreground process 前台进程 ,用 ...

  6. AngularJs学习笔记3-服务及过滤器

    距离上次别博客有有一段时间了,因为最近公司和个人事情比较多,也因为学习新的知识所以耽搁了,也有人说Angularjs1.5没有人用了,没必要分享,我个人感觉既然开头了我就坚持把他写完,对一些还在使用或 ...

  7. struts2增删改查---layer---iframe层

    在这里写一下struts2中的简单的增删改查 struts.xml中的配置 <?xml version="1.0" encoding="UTF-8" ?& ...

  8. .net程序实现给机器加域,添加域账号到本地管理员

    以下.net代码中共有两个方法. AddComputerToDomain实现给把本计算机添加到某个域中 AddDomainUserToLocalAdminGroup实现把域中某用户添加到本地管理员 请 ...

  9. VMware Workstation-虚拟机的安装

    虚拟机的优势对于我来说也只是方便测试浏览器的兼容性: (1)避免重启本地物理机(多次安装/卸载不同版本的浏览器,每次需要重启电脑才能生效) (2)在虚拟机内创建不同的操作系统,比如WindowsXP内 ...

  10. CSS基础学习笔记

    一. CSS介绍 1. CSS概述:CSS(Cascading Style Sheets)指层叠样式表,极大提高了工作效率. 2. 基础语法: 属性大于1个之后,属性之间用分号隔开 如果大于1个单词, ...