MINIUI grid学习笔记

摘要:
网格控件a.绑定和删除事件网格。on(“rowclick”,fn)//绑定事件(这类似于jquery的绑定事件)grid un(“rowsclick”);//联系人绑定(可以在百度上找到)注意:要解除绑定事件,必须传递一个处理函数,因此在绑定时,它不应该是匿名函数b绑定事件和删除事件的单元格的绘制顺序需要消耗一定的性能left------˃righttop------˃downc

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学习笔记》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇impdp expdp 数据导出导入【分享】浅析Quora的技术架构 狼人:下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

C# winform DataGridView 常见属性

C# winform DataGridView 属性说明① 取得或者修改当前单元格的内容 ② 设定单元格只读 ③ 不显示最下面的新行 ④ 判断新增行 ⑤ 行的用户删除操作的自定义 ⑥ 行、列的隐藏和删除 ⑦ 禁止列或者行的Resize ⑧ 列宽和行高以及列头的高度和行头的宽度的自动调整 ⑨ 冻结列或行 ⑩ 列顺序的调整 ⑪ 行头列头的单元格⑫ 剪切板的操作...

04-表格 table(会使用)

第01阶段.前端基础.表格 HTML 第二天目标 能够利用表格、列表和表单完成注册页面的综合案例 能出说表格用来做什么的 能说出列表用来做什么的 能说出表单用来做什么的 为了让我们页面显示的更加整齐,我们需要学习三个表(表格、表单、列表) 表格 table(会使用) 目标: 理解: 能说出表格用来做什么的 表格的基本结构组成 应用: 能够熟练...

文本超过长度后隐藏,显示省略号

table{   table-layout:fixed; } td{    white-space:nowrap;   overflow:hidden;   text-overflow:ellipsis; }   在table和td分别新增这几个样式就可以了,效果如下: 本方法用于解决表格单元格内容过多时的美观问题,主要涉及到4句CSS样式: 1....

easyExcel自动合并单元格

来源EasyExcel(根据条件动态合并单元格的重复数据) package com.ustcinfo.fn.comp.complain.util; import com.alibaba.excel.metadata.CellData; import com.alibaba.excel.metadata.Head; import com.alibaba.e...

软件测试用例报告整理

首先测试用例是excel格式 如果是xmind需要将xmind转excel,具体实现方式可以参考xmind转excel的博客 新增一个sheet,描述测试用例模块通过率情况 1.统计用例通过情况的表格 首先把需要统计的function表中的测试模块和功能点输入好然后失败的用例数量和通过的测试用例数量 需要用到函数countif 具体用法是: 英文格式:CO...

[ PyQt入门教程 ] PyQt5中数据表格控件QTableWidget使用方法

如果你想让你开发的PyQt5工具展示的数据显得整齐、美观、好看,显得符合你的气质,可以考虑使用QTableWidget控件。之前一直使用的是textBrowser文本框控件,数据展示还是不太美观。其中QTableWidget是PyQt5程序中常用的显示数据表格的控件,显示的基本效果如下,有点素。。 下面开始介绍QTableWidget常用的方法以及如何使...