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 ...
随机推荐
- Apache FtpServer 实现文件的上传和下载
1 下载需要的jar包 Ftp服务器实现文件的上传和下载,主要依赖jar包为: 2 搭建ftp服务器 参考Windows 上搭建Apache FtpServer,搭建ftp服务器 3 主要代码 在ec ...
- 动态rem与1px边框问题的理解
当我们在项目开发中,拿到设计师的设计图,满怀欣喜的准备按照设计图将页面实现出来的时候,我们通常会遇到这个问题: 如何将页面的内容按照在不同手机屏幕浏览的情况下,比例都是不变的呢?这个时候我们就需要使用 ...
- Java操作Excel和Word
这是一个URL它提供了Java项目所推荐的处理此项目所用的类库 http://www.oschina.net/project/tag/258/excel-tools?company=0&sor ...
- Mybatis 的分页条件查询语句编写
刚来到一家新公司, 翻看项目代码, 发现一位同事写的查询逻辑很好, 不用插件, 一个语句完成了分页条件查询. 而我之前一般都是在业务层对参数进行判断, 如果有条件,就调用条件查询的方法, 如果没有条件 ...
- 微信小程序-滚动消息通知
写在前面: 微信小程序学的不太多,做了一个简单的项目,回来很快时间内把在深圳两天的房租给赚回来了. 这次我主要想总结一下微信小程序实现上下滚动消息提醒,主要是利用swiper组件来实现,swiper组 ...
- ASP.NET前台html页面AJAX提交数据后台ashx页面接收数据
摘要:最近在写网站,好不容易弄好了需求又变了,没错企业的门户网站硬要弄成后台管理系统一样,没办法作为小工的我只能默默的改.前台HTML页面需要提交数据到后台处理,又不能用form表单,于是乎研究了1天 ...
- Uva140 Bandwidth 全排列+生成测试法+剪枝
参考过仰望高端玩家的小清新的代码... 思路:1.按字典序对输入的字符串抽取字符,id[字母]=编号,id[编号]=字母,形成双射 2.邻接表用两个vector存储,存储相邻关系 ...
- Spring框架集成mybatis框架的配置(笔记)
<!-- 0.注解扫描 --><!-- 1.导入外部文件 --><!-- 2.数据源 --><!-- 3.session Factory -->< ...
- Mybatis源码分析-SqlSessionTemplate
承接Mybatis源码解析-MapperRegistry注册mapper接口,本文将在前文基础上讲解持久层的生成 SqlSessionFactory生成 在spring中,SqlSessionFact ...
- [BZOJ 3629][ JLOI2014 ]聪明的燕姿
这道题考试选择打表,完美爆零.. 算数基本定理: 任何一个大于1的自然数N,都可以唯一分解成有限个质数的乘积N=P₁^a₁ P₂^a₂…Pn^an,这里P₁<P₂<…<Pn均为质数, ...