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 开头是特殊字符
转载于:https://www.cnblogs.com/tzhyy/p/9661208.html
MINIUI grid学习笔记相关推荐
- miniui文件上传 linux,MINIUI grid学习笔记
grid 控件 a.事件的绑定和移除 grid.on("rowclick", fn); //绑定事件 (这个的话类似jquery的绑定事件) grid.un("rowcl ...
- miniui的学习笔记(四)
1.前台可以显示相应的数据,根据后台的数据. 如下,当后台数据为0或者00时,前台文本会显示为未填报. 相应,当后天数据为1或者20时,前台文本会显示为已填报. <div field=" ...
- MINIUI基本学习笔记
弹出Dialog mini.open({url:"/SysUsernew/Edit?id=" + row.ID + "&Ieguid=" +GetGui ...
- MiniUI:学习笔记
文章目录 概述 使用 API 全局方法 进度条 ProgressBar 下拉列表输入框 AutoComplete 序列化/反序列化 JSON 本文通过学习视频:https://www.bilibili ...
- ALV GRID学习笔记----Double Click事件
10月底的时候进行了BC412课程的培训,课后自己做了一些实验,从今天开始就将这些实验记录下来,以便于以后需要使用的时候能够查询一下!(很遗憾的是公司组织了很多的培训,但是在实际工作中很少能够运到,所 ...
- miniui的学习笔记(二)
1.mini.mask和unmask方法 //遮罩 mini.mask ( options ) options: {html: "",cls: "",style ...
- amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid
amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid 一.总结 1.与grid区别:网格中:am-g + am-u-xx-n 等分网格中只有一个: am-avg-sm-4(在u ...
- Python tkinter 学习笔记(3) -- 界面布局1(grid和pack)
Python tkinter 学习笔记(1)-- 第一个窗口之HelloWorld 教程 Python tkinter 学习笔记(2)-- 控件.组件(一) Tkinter 界面布局(grid\pac ...
- grid 栅格/网格布局学习笔记
1.前言 栅格布局或者说网格布局是很好用的东西,像一些商城类的排版就很适合用栅格布局,但是存在一定的兼容性问题,兼容性暂时还没有研究,这边学习总结是针对grid也就是栅格布局的使用的学习总结,下面将介 ...
- java学习笔记(三):前端miniUI控件库入门
java学习笔记(三):前端miniUI控件库入门 最近在一家公司实习学习,一上来就需要学习了解相关的前端内容--miniUI.而这个内容自己本身并没有了解学习过,上手也是遇到了不少的问题,于是想把自 ...
最新文章
- 网页开发需要先学java吗_先学java还是javascript?
- MapReduce DataJoin 链接多数据源
- 041_Unicode对照表七
- 认识Linux下的各种系统服务
- Npm更新移除包的规则
- window10企业版g c盘满了_C盘满了?试试这几招
- caffe编译好后,需要配置.bashrc
- 如何将nupkg离线安装包安装到VS2017、9
- 【CSS】关于表单样式
- C语言关系运算和逻辑运算
- python修改屏幕分辨率_python调win32api调整屏幕分辨率
- 跟狗屎一样的代码,到底该如何重构?
- 在线小游戏编程工具使用教程
- 禁止input密码自动填充及浏览器记住密码完整解决方案
- 移动100m宽带慢的要死_家里拉了100M的宽带,为什么网速还是那么慢?
- ARCHS[@]: unbound variable
- 计算机毕业设计java+ssm鲜花销售商城信息网站(源码+系统+mysql数据库+Lw文档)
- python的控制结构之For、While、If循环问题
- Linux清理GPU显存
- Java微信公众号开发之使用拦截器获取粉丝openID