FlexiGrid 封装包使用说明: ( 班级:T110 作者:王健 )
此插件是在官方下载的一个 Jquery 的插件(FlexiGrid),我自己封装了一下,
让用户用起来更简单一些。(原版的使用方法在页面上大概要写 150~170 行 JS 代
码)。
封装 JS 类及参数说明:
该插件我新添加了一个 JS 文件(FlexiGridHelper.js),该文件封装了头部按钮,列头和右键
菜单。把它们全部以类的形式封装起来。创建它们的时候以 new 一个新对象的方式创建。(具
体结构如下)
//列头类
function cell(display, name, width, sortable, align, process) {
this.display = display; //列头显示的名称
this.name = name; //对应数据表的字段
this.width = width; //列的宽度
this.sortable = sortable; //是否可交换列
this.align = align; //文本对齐样式(center,left,right)
this.process = process; //文本显示格式自定义函数
};
//按钮类
function button(name, displayName, bclass) {
this.name = name; //按钮的名称(唯一的)
this.displayName = displayName; //按钮显示的文本名称
this.bclass = bclass; //按钮的样式
};
//右键菜单类
function rightKeyMenu(text, icon, cmdName) {
this.text = text; //按钮显示的文本
this.icon = icon; //按钮的图标
this.alias = cmdName; //按钮的标示名称(唯一的)
};
定义了 3 个数组,分别来存放上面 3 个类的每一个实例
var cells = new Array(); //列集合数组
var buttons = new Array(); //按钮集合数组
var menus = new Array(); //右键菜单集合数组
创建列头使用方法:
cells = new Array(new cell("列头显示名称", "映射字段",宽度 , 是否可以交换列
(Bool 类型), "文本对齐方式",格式函数(没有特定的格式设为 null)));
多个列在后面累加,用“,”隔开
Cells = new Array(new cell(1), new cell(2), new cell(3), new cell(4));