-

TLv8 数据列表

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