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 ...
随机推荐
- hdu 3926 hands in hands
https://vjudge.net/problem/HDU-3926 题意:有n个小朋友,他们之间手拉手,但是一只手只能拉一只手或者不拉,现在给出两个图,表示拉手关系,问这两个图是否同构.思路:一开 ...
- iOS 模式详解—「runtime面试、工作」看我就 🐒 了 ^_^.
引导 Copyright © PBwaterln Unauthorized shall not be *copy reprinted* . 对于从事 iOS 开发人员来说,所有的人都会答出「runti ...
- 小程序开发教程:wx.setTopBarText(OBJECT)
状态信息展示 当小程序被显示在聊天顶部时,开发者可将重要的状态变更信息实时展示出来,便于用户及时获知. 详见文档:小程序文档 小程序更新之后,有个更有用的功能!支持状态栏实时状态更新!! wx.set ...
- 创建自己的代码片段(CodeSnippet)
前言 工作中经常会写一些重复的代码片段,如自动属性.for循环.Action等等,针对这种情况,VisualStudio已经给我们提供了一个非常方便的功能--代码片段,是我们可以简单的输入几个字母就能 ...
- Java生成MD5加密字符串代码实例
这篇文章主要介绍了Java生成MD5加密字符串代码实例,本文对MD5的作用作了一些介绍,然后给出了Java下生成MD5加密字符串的代码示例,需要的朋友可以参考下 (1)一般使用的数据库中都会保存用 ...
- helpers.bulk时 action_request_validation_exception 异常
语言Python 在开发时,批量插入ES,出现了action_request_validation_exception异常.我的代码是这样的 action = { } helpers.bulk(es, ...
- IBM Websphere 集群会话共享问题解决办法
遇到一应用部署环境如下图: 两台HTTP SERVER(以下简称IHS)负责转发数据包,其中F5采用粘性模式,即一个用户在会话周期内的数据包一定会被转发到IHS中的一台, 但IHS 到Web Serv ...
- mysql 5.7 root密码重置(centos 7)
mysql5.7版本之后,与mariadb不同,在安装之后,在启动之时,会进行自动随机密码的设定,所以在systemctl start mysqld之后,会出现mysql -uroot -p无法登陆的 ...
- An internal error occurred during: "Launching web on MyEclipse Tomcat"
An internal error occurred during: "Launching web on MyEclipse Tomcat" 解决办法1 1.首先关闭MyEclip ...
- sql必知必会-总结篇
总结: 1.全书总览:数据查询.新增.删除:表的新增.更新操作:视图.存储过程.事务.索引的描述,高级sql功能:约束.触发器.索引 2.特色:术语简明定义,讲述最简单化.简而全面. 3.长进的地方: ...