Class tlv8.createGrid
Grid表格组件
引用js文件: /tlv8/comon/js/grid.main.js
Parameters: div {string}[required]用于显示表格的DIV标签 labelid {string}[required]需要绑定到表格的字段;master_check多选框 labels {string}[required]表头显示的字段名 labelwidth {string}[required]表格列宽 dataAction {object}[required]表格动作({queryAction:查询动作;savAction:保存动作; deleteAction:删除动作}) witdh {string}[required]表格宽度 height {string}[required]表格高度 data {Data}[required]数据源 limit {number}每页显示行数 where {string}过滤条件 billdataformid {string}主从设置:指定主表的formid billcell {string}外键字段名 datatype {string}绑定列的字段类型 字段类型 {string,number,year,yearmonth,month,date,datetime,ro,html:reader,select:id,button:action,checkBox:map,radio:map} * //year,yearmonth,month 对应数据字段为字符型 * //html:reader 自定内容类型 reader为读取值的js函数; 函数reader(event) event有rowid、value * //ro为只读列 * //select:id{下拉选择类型 id为下拉组件id} * //button:action为按钮类型(action为点击按钮时的动作 类型为js function) * //checkBox:map 单选类型 map为多选内容k为值,v为项显示内容map{k,v} * //radio:map 多选类型 map为选择内容 k为值,v为项显示内容map{k,v} master {string}是否多选("true":多选;"false":不多选) showindex {string}是否序号(列No:序号;"true":有序号;"false":无序号) sql {string}查询语句 (省略:标准grid;"select * from tabl":查询结果列表 用sql时不能编辑) fixColumn {number}固定列的数量 被固定列在横向滚动时会一直保持位置 效果类似excel的锁定列 Returns: {grid}
例子
<div id="deatail_0" width="100%" /> var data = new tlv8.Data(); data.setTable("TMJ_TEST"); data.setDbkey("tmjcrm"); var det = document.getElementById("deatail_0"); var labelid = "No,fName,fSex,fTel,fBirthday,fLike"; var labels = "No.,姓名,性别,电话,出生日期,爱好"; var datatype ="ro,string,string,string,datetime,string"; var labelwidth = "40,80,60,80,80,80"; var dataAction = { "queryAction" : "getGridAction", "savAction" : "saveAction", "deleteAction" : "deleteAction" }; var maingrid = new tlv8.createGrid(det, labelid, labels, labelwidth, dataAction, "100%", "100%", data, 10,"","","",datatype,"false","true");
grid.settoolbar(insertItem, saveItem, refreshItem, deleteItem);
insertItem {boolean}[required]新增
saveItem {boolean}[required]保存
refreshItem {boolean}[required]刷新
deleteItem {boolean}[required]删除
//重写新增事件 document.getElementById(det.id + "_insertItem").onclick = function(){ //你的自定义新增事件写在这里 }; //重写保存事件 document.getElementById(det.id + "_saveItem").onclick = function(){ //你的自定义保存事件写在这里 }; //重写刷新事件 document.getElementById(det.id + "_refreshItem").onclick = function(){ //你的自定义刷新事件写在这里 }; //重写删除事件 document.getElementById(det.id + "_deleteItem").onclick = function(){ //你的自定义删除事件写在这里 };
grid.setValueByName(name, param, value);
name {boolean}[required]列名
param {boolean}[required]行ID/行号
value {boolean}[required]值
grid.getValueByName(name, param);
name {boolean}[required]列名
param {boolean}[required]行ID/行号
grid.refreshData();
grid.seteditModel(editModel);
editModel {boolean}编辑状态 true, false
例子
currentgrid.seteditModel(true); //设置为可编辑
grid.saveData(event, gridsavecalback);
grid.insertData(num_d);
grid.deleteData(deleteRowID, isConfirm, isRefresh);
deleteRowID {string}需要删除的行ID
isConfirm {boolean}删除提示true|false(默认true)
isRefresh {boolean}删除后刷新数据 true|false(默认false)
grid.getLength();
grid.setExcelexpBar(param);
param {boolean}是否显示导出Excel按钮
grid.setExcelimpBar(param);
param {boolean}是否显示导入Excel按钮
grid.getCurrentRowId();
grid.getCheckedRowIds();
grid.insertSelfBar(label, width, action, img);
label{string}按钮标题
width{string}宽度 e:'100px'
action{string}动作JS函数 e:'sendmsg()'
img{string}图片的地址 e:'../a/jpg'
grid.getgridRelationIndex(relation);
relation{string}查询的列名
grid.setrowState(rowid, state);
rowid{string}行ID
state{string}状态("readonly")
grid.addFooterrow(cells);
cells{string}统计行插入的内容,单元格跨行加“:colspan(1)”
grid.setRequired(cellName);
cellName{string}需要设置必填的列名,多个用逗号分隔
grid.checkAll();
grid.uncheckAll();
grid.locate(relation,value);
relation{string}查找字段
value{string}查找的值
Returns{string}返回字段值对应的行id没有查到时返回“”;空字符串值
Powered By layui