Extjs6获取Grid里的数据(数据源)
{
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里的数据(数据源)的更多相关文章
- ExtJs6获取form里的数据
1.PanoramForm.js form的items部分 items: [{ xtype: 'form', id:'customerF', modelValidation: true, defaul ...
- 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的路由方案,与原来的方案在使用上差别不 ...
- APIView里如何获取HTTP里的数据
request.data.get() 获取post方法表单里的数据 request.post.get() 获取post方法表单里的数据 request.GET.get() 获取URL里的数据 r ...
- ligerui_实际项目_003:form中添加数据,表格(grid)里面显示,最后将表格(grid)里的数据提交到servlet
实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序 图片效果: 总结: //disp ...
- .Net NPOI 上传excel文件、提交后台获取excel里的数据
1.导入NPOI.dll 2.添加类NPOIExcel.cs using System; using System.Collections.Generic; using System.Text; us ...
- 关于Android中获取Intent里的数据
Intent获取数据和发送数据的办法: //直接通过Intent发送 intent.putExtra("name","wytings"); //直接通过Inte ...
- extjs6中grid里放置图片
1.加黑体的是实现代码,在view中操作 /** * Created by Wwei on 2017/7/1. */ Ext.define('Admin.view.userpanoram.UserPa ...
- 基于BootStrap的initupload()实现Excel上传和获取excel中的数据
简单说明:后边要做exl解析(还没做呢),所以先有一个excel的的上传以及获取excel中的数据,展示出来. 代码: //html代码 <div class="btn-group&q ...
- angularjs之UI Grid 的刷新 本地数据源及HTTP数据源
关键代码: 如果数据源是本地数据$("#hidJsonData").val("[]"); var myJsonData = []; if ($(&quo ...
随机推荐
- Android - Fragment (一)定义
什么是Fragment,为什么要用Fragment? Fragment,直译为碎片.是Android UI的一种. Fragment加载灵活,替换方便.定制你的UI,在不同尺寸的屏幕上创建合适的UI, ...
- Android - 多语言自动适配
Android为多语言适配提供了很大的方便.开发者不需要在代码中进行修改.只需要配置xml文件. res --> values 其中存放有xml文件.一般这些都是英文的字符串.我们可以存放其他语 ...
- Android - 读取文件存储的数据
存取手机中的文件数据. 写入和读取的操作格式均为UTF-8. import java.io.File; import java.io.FileInputStream; import java.io.F ...
- Android学习笔记- Fragment实例 底部导航栏的实现
1.要实现的效果图以及工程目录结构: 先看看效果图吧: 接着看看我们的工程的目录结构: 2.实现流程: Step 1:写下底部选项的一些资源文件 我们从图上可以看到,我们底部的每一项点击的时候都有不同 ...
- storm从入门到放弃(一),storm介绍
背景:目前就职于国内最大的IT咨询公司,恰巧又是毕业季,所在部门招了100多个应届毕业生,本人要跟部门新人进行为期一个月的大数据入职培训,特此将整理的文档分享出来. 原文和作者一起讨论:http:// ...
- VM虚拟机中安装Linux操作系统
本文操作步骤,笔者已实验成功 (前提:正确安装VM并激活) 1,点击新建虚拟机,在页面上选择"自定义",点击下一步 2,进入选择虚拟机硬件兼容页面,这里一般不用操作,直接点击下一步 ...
- 41. leetcode 53. Maximum Subarray
53. Maximum Subarray Find the contiguous subarray within an array (containing at least one number) w ...
- python--DenyHttp项目(2)--ACM监考客户端1.0版
修复了: 360搜索可以使用的漏洞 更新版本,上一版本复制的Hosts文件保留的漏洞 #coding:gbk import os import sys from subprocess import * ...
- WebGIS中前端JS生成等值面方法探讨
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景 在之前的博文<WebGIS中等值面展示的相关方案简析&g ...
- macOS下加载动态库dylib报"code signature invalid"错误的解决办法
一.现象描述 在macOS上搞开发也有一段时间了,也积攒了一定的经验.然而,今天在替换工程中的一个动态库时还是碰到了一个问题.原来工程中用的是一个静态库,调试时发现有问题就把它替换成了动态库.这本来没 ...