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 ...
随机推荐
- AC自动机小记
不知不觉这篇博客已经被我咕咕咕了一个月了. 也许我写过AC自动机的博客,但我也不知道我写没写过 前情回顾之\(kmp\) \(kmp\)用来解决一个模式串匹配一个文本串的问题,其思路是设置失配指针,找 ...
- LinkedList,ArrayList,Vector,HashMap,HashSet,HashTable之间的区别与联系
在编写java程序中,我们最常用的除了八种基本数据类型,String对象外还有一个集合类,在我们的的程序中到处充斥着集合类的身影!java中集合大家族的成员实在是太丰富了,有常用的ArrayList. ...
- 阶段3 2.Spring_01.Spring框架简介_05.spring的优势
- git 如何把master分支代码合并到自己的分支
master分支的代码领先自己的分支,git 如何把master分支代码合并到自己的分支 1.首先切换到主分支 git checkout master 2.使用git pull 把领先的主分支代码pu ...
- Web01_HTML
语法和规范: 1.所有的HTML文件后缀名都是以.html或者.htm结尾的,建议使用.html结尾 2.整个html文件分别由头部分<head></head>和体部分< ...
- 本地虚拟机部署线上php程序---不需要修改数据库信息
1.特别注意:拿来线上php程序后一般是不需要修改config.php里面的数据库连接信息的,如果修改了会报错:站点已关闭.所以 2.5 步骤是需要省略的.如果拿来的是最开始的php源码,需要配置原始 ...
- pip提示ModuleNotFoundError: No module named 'pkg_resources'
卸载setuptools后,pip下载python包一直提示ModuleNotFoundError: No module named 'pkg_resources',如下图: 在网上找了很多贴了都无法 ...
- 【VS开发】【图像处理】V4L2 pixel format
目录(?)[-] v4l2_pix_format定义 2 具体Pixel Format定义 1. v4l2_pix_format定义 [cpp] view plain copy /* * V I D ...
- 【VS开发】动态创建ActiveX控件
bool CCollectDataDlgDlg::CreateMyCtrl(LPRECT lpRect, UINT nID, CWnd *pParent) { CLSID clsid; wstri ...
- 小记---------手动执行脚本正常执行,使用crontab定时执行时 不执行
可能出现的原因就是因为crontab不会从用户的/etc/profile文件中读取环境变量,所以就出现 使用定时crontab执行时 无法执行 抛错 所以在使用crontab 定时执行脚本时 在脚本 ...