MINIUI grid学习笔记
grid 控件
a.事件的绑定和移除
grid.on("rowclick", fn); //绑定事件 (这个的话类似jquery的绑定事件)
grid.un("rowclick", fn); //接触绑定 (这个是在百度上查找的)
注:解除事件绑定,必须要传递一个处理函数所以绑定的时候不要是匿名函数
b.绑定事件和移除事件都需要消耗一定的性能的
单元格的绘制顺序
left ------>right
top------>down
c.事件的常见触发先后顺序
onDrawCell--->onCellBeginEdit----->onDrawsummarycell----->onCellCommitEdit
注意:
setTimeout(function(){grid.on("drawsummarycell",onDrawsummarycell);},1000);
如果这种情况的话那么该事件就失效了、因为在绘制单元格的时候不能被中断
针对onDrawsummarycell汇总事件:
在实现动态列的展示和隐藏的时候发现每一次动态改变的话、
就会在汇总的事件中执行一次,所以最好是不要进行列的动态设置;性能开销很大;
针对汇总事件因为会涉及到获取整个表格之中的数据所以、必须得所有的单元格渲染完成
才能够进行相应的计算;
grid.Drawsummarycell 汇总展示的话、只要编辑任何一个单元格就会触发单元格的重新绘 制所有单元格都会重新计算;
关于grid.getData() 这个方法是获取编辑之后的数据的整体数据;
例如:$J.get("processdata").setValue($J.encode(grid.getData()));
d.指定更新行
目前暂时只找到用updateRow的方式更新指定的单元格信息、
还没有找到单独能够获取单元格的方法;这部分有待完善的
对于 grid.updateRow(row,{field:value}) 中的field 不能使用字符串的直接拼接
例如:grid.updateRow(row,{"process_"+j:value});//这个是不通过的
grid.updateRow(row,{"process_j":value}); //这样是可以的
var p ="process_"+j;
grid.updateRow(row,{p:value});//这样也是通不过的
猜想:可能存在js 解析执行顺序有关、或者是和js的拼接方式也有关
下面就进行了格式的转换
var c ={};
c["process_"+j]=value;
grid.updateRow(row,c);//就可以了
结论:
1、对象.属性=value;//是能为对象的属性赋值
2、对象["属性"]=value; //单单就是一个值的概念
3、e.sender.text=text ;//是能为对象的属性赋值 但是在input 控件中不能展示
4、e.sender.getText(text);//这个是在input 中控件展示的;
5、$J.get("xxx").getValue() 和$J.get("xxx").value 的差异在于前一个是真实的值,后一个是处理后的值
6、<div field="process_46" name="process_46" headerAlign=‘center“ ></div> 该field="field_" 不能以field 开头是特殊字符
MINIUI grid学习笔记的更多相关文章
- Selenium Grid 学习笔记
Selenium Grid 学习笔记http://www.docin.com/p-765680298.html
- css grid学习笔记
仅为自己用而收藏罢了 w3c官方文档 https://www.w3.org/TR/css-grid-1/#grid-items w3cplus(zhongwenban ) 大漠博主的系列文章 基础知识 ...
- Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法
Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法 昨天在开发的时候遇到个小问题,就是如何将Grid的内容与Form一起发送到服务器端.默认情况下,表单(F ...
- CSS Grid 布局学习笔记
CSS Grid 布局学习笔记 好久没有写博客了, MDN 上关于 Grid 布局的知识比较零散, 正好根据我这几个月的实践对 CSS Grid 布局做一个总结, 以备查阅. 1. 基础用法 Grid ...
- amazeui学习笔记--css(布局相关1)--网格Grid
amazeui学习笔记--css(布局相关1)--网格Grid 一.总结 基本使用 1.div+class布局:amaze里面采取的就是div+class的布局方式 <div class=&q ...
- amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid
amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid 一.总结 1.与grid区别:网格中:am-g + am-u-xx-n 等分网格中只有一个: am-avg-sm-4(在u ...
- PyQt4入门学习笔记(三)
# PyQt4入门学习笔记(三) PyQt4内的布局 布局方式是我们控制我们的GUI页面内各个控件的排放位置的.我们可以通过两种基本方式来控制: 1.绝对位置 2.layout类 绝对位置 这种方式要 ...
- Bootstrap学习笔记博客
本片博客用于记录之后要用到Bootstrap的学习笔记 概括: Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASC ...
- Caliburn.Micro学习笔记(五)----协同IResult
Caliburn.Micro学习笔记目录 今天说一下协同IResult 看一下IResult接口 /// <summary> /// Allows custom code to execu ...
随机推荐
- 全面解读php-运算符
一.运算符的优先级 二.短路作用 本文为袋鼠学习中的总结,如有转载请注明出处:https://www.cnblogs.com/chrdai/p/11074776.html
- python MySQLdb 一个连接connection多个cursor
使用MySQLdb时,如果创建一个连接connection,多个线程同时使用,会不会有问题? 在下文中,我们将模拟这种场景,看是否会出现问题. 1.示例 1.1 正常的情况 创建一个连接,两个线程同时 ...
- Tomcat常见启动问题
1)闪退问题 原因:tomcat软件是java语言开发的. tomcat软件启动时,会默认到系统的环境变量中查找一个名称叫JAVA_HOME的变量.这个变量的作用找到tomcat启动所需的jvm. 解 ...
- mysql允许外网访问 和修改mysql 账号密码
mysql的root账户,我在连接时通常用的是localhost或127.0.0.1,公司的测试服务器上的mysql也是localhost所以我想访问无法访问,测试暂停. 解决方法如下: 1,修改表, ...
- PS 之图片中抠出大树
工具:Photoshop CC2017 原图:(目的是将大树从图片中抠出) 操作: 1.打开要抠图的图片,然后执行:[图层]---->[新建调整图层]---->[反相]---->[在 ...
- Mysql数据库事务的四大特性:
什么是事务? 事务Transaction,是指作为一个基本工作单元执行的一系列SQL语句的操作,要么完全地执行,要么完全地都不执行.为什么要使用事务:保证对数据操作的完整性和准确性.1,原子性:一个事 ...
- node.js入门经典 初读笔记
2.1 npm是什么 npm(Node Package Manager)是Node.js的包管理器.它允许开发人员在Node.js应用程序中创建.共享并重用模块. 2.3 安装模块 npm insta ...
- 什么是token?你是怎么理解token?
1.Token的引入: Token是在客户端频繁向服务端请求数据,服务端频繁的去数据库查询用户名和密码并进行对比,判断用户名和密码正确与否,并作出相应提示,在这样的背景下,Token便应运而生. 2. ...
- centos8飞行驾驶舱和docker安装
零.先解决cenos8的网络(systemctl restart network.service已被废弃) 1.# vim /etc/sysconfig/network-scripts/ifcfg-e ...
- 【VS开发】【图像处理】自动白平衡(AWB)算法---色温曲线
原文地址:http://blog.csdn.net/wzwxiaozheng/article/details/38434391 白平衡算法---色温曲线 本文大体讲解了白平衡的算法流程,适用于想了解和 ...