2025-10-31 14:58:06
增加函数GetSelectedFieldValue: function (fieldName)
用于获取选中首行指定字段值

2025-07-11 14:08:55
增加函数GetSelectedFieldValues: function (fieldName)
用于获取选中行指定字段值切片

2025-04-14 23:34:09
取消记录二分查找 排序后为无序 不支持二分查找
删除选中行后 刷新选中状态

2025-02-22 10:51:55
版本号升级为3.2
增加Toolbar控制工具栏
参数为
{
ShowToolbar:true
}
增加控制面板 未完成
参数{
  ShowControl:true
}


2024-05-19 22:51:47
RSToAoa: function (current) {}
增加参数current 是否导当前显示记录 用于只导出过滤显示记录


2024-04-13 15:48:24
方法parseValue增加解析/*@rno@*/功能
/*@rno@*/替换为源始行号


2024-04-03 16:44:09
重新定义搜索 处理搜索时修改记录页面不能正常刷新问题。
搜索记录不存在时，页面显示空行。
内部增加searchKey参数，用于记录搜索关键字。


2024-03-05 14:14:40
Escape增加IncludeSpace 参数 是否转换空格
word-break 由normal 改为 break-word !important; 英文可正确换行
SpliceRecord 变更为 SetRecord
增加SetField



2024-02-29 10:34:26
pager增加PageStatus RowStatus SelectCount
Refresh 刷新页面时 页码不变 滚动条位置不变
增加onSelect(SelectCount) 事件
单据头增全选功能

2024-02-28 13:15:58
版本号收3.0改为3.1
rid参数全部转为rno收1开始
修改SelectRecord参数 收ids为rno
修改UnSelectRecord参数 由nos为rno
取消SetSelect\SelectToggle
/**
  * 切换行选择状态
  */
  SelectToggle: function (rno) {
    var _this = this;
    if (_this.SelectStatus(rno)) {
        _this.UnSelectRecord(rno);
    } else {
        _this.SelectRecord(rno);
    };
},

2024-02-27 16:18:31
增加SpliceRecord方法

2023-10-10 09:23:51
pager 增加 StartNo EndNo

2023-06-01 23:13:58
parseSource 解析数据时 如果为html类型 反写innerText

2023-03-27 13:35:09
增加ShowGroup参数 控制是否显示列分组
重新设计选择事件
删除DelRecord方法
删除AddRecord方法
列合并属性format与type
列增加属性hideZero 取消ShowZero参数
取消 解析markdown
重新定义example.html页面


2023-01-06 15:13:58
SearchKey 返回查找行数 查询内容为空返回undefined

2023-01-26 21:42:41
format 时间 源值收_val转为_src

2022-12-22 09:28:29
完整方案转为4.0
3.0精简去除方法转为完全显示控件
增加方法
SelectRecord 选中记录
GetValue 获取值
修改方法
DelRecord 删除当前显示记录索引 非原始记录rid
GetRecords 返回所有记录 与搜索无关

精简删除方法
取消列计算功能 actions
取消所有 ColPrefix 名列前缀功能
/**
  * 增加列
  * @param {json} column 
  */
AddColumn: function (column) {
},
/**
  * 删除列
  * @param {string} ColName 
  */
DelColumn: function (ColName) {
},
/**
  * 触发列计算事件
  * @param {int} id 行号 
  * @param {string} column 列名
  */
ActionColEvent: function (id, colName) {
},
/**
 * 编辑功能
 _this.$tbody.off('click').on('click', function () {
                var _e = _this.EventElement();
                switch (_e.tagName) {
                    case 'LI':
/
/**
  * 获取记录字段值
  * @param {int} rid  原始数据行号
  * @param {string} ColName 列名
  * @returns 源值
  */
GetValue: function (rid, ColName) {
},
/**
  * 设置记录字段值
  * @param {int} rid  原始数据行号
  * @param {string} ColName 列名
  * @param {string} val 新值
  * @returns 源值
  */
SetValue: function (rid, ColName, val) {
},
/**
  * 更新记录
  * @param {int} rid 
  * @param {json} record 
  */
SetRecord: function (rid, record) {
},



2022-10-16 15:07:41
增加prefixHeight【预留高度参数】
height():其高度范围是所匹配元素的高度height；
innerheight():其高度范围是所匹配元素的高度height padding；
outerheight():其高度范围是所匹配元素的高度height padding border；
outerheight(true)其高度范围是所匹配元素的高度height padding border margin；



2022-06-08 14:39:59
取消head foot ul absolute
取消JS header ul top

            /*
            width() - 设置或返回元素的宽度
            innerWidth() - 返回元素的宽度（包含 padding）
            outerWidth() - 返回元素的高度（包含 padding 和 border）
            如需包含 margin，请使用 outerWidth(true)。
            */

================================

IE 10不支持let const
ECMAScript 2015(ECMAScript 6) 新特性
 
1. ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:  块级作用域的let和const

2. ES6中的箭头函数  => 箭头最神奇的地方在于他会让你写正确的代码。

===================================
display: inline、block、inline-block、flex和inline-flex
inline
共享一行
不能修改width、height属性，大小由内容撑开
padding属性 top、right、bottom、left设置都有效；margin属性只有left、right设置有效

block
独占一行，默认与父元素同宽
可以修改width、height属性
padding、margin四个方向的值设置均有效

inline-block
共享一行
可以修改width、height属性
padding、margin四个方向的值设置均有效

flex
独占一行
将对象作为弹性伸缩盒显示

inline-flex
共享一行
将对象作为内联块级弹性伸缩盒显示

指将 JavaScript 值转化为 JSON 字符串的过程。
JSON.stringify() 能够将 JavaScript 值转换成 JSON 字符串。JSON.stringify() 生成的字符串可以用 JSON.parse() 再还原成 JavaScript 值。

============================================================
滚动条 
设置滚动条的CSS样式需要以下三个属性：
target::-webkit-scrollbar {} //定义了滚动条整体的样式，如宽度和高度；
target::-webkit-scrollbar-thumb{} //定义了内滚动条部分，也就是图中的红色区域；滑块颜色
target::-webkit-scrollbar-track{} //定义了滚动条轨道，也就是图中的蓝色区域；滚动条颜色

----------------------------------
/* 修改滚动条样式 .title_state为div盒子*/
.title_state::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    overflow-y: scroll;
}
.title_state::-webkit-scrollbar-thumb {
    background: red;
}
.title_state::-webkit-scrollbar-track {
    background: blue ;
}

<style scoped lang="scss">
::-webkit-scrollbar {
  width: 7px;
}
 
::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
 
::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
 
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
 
::-webkit-scrollbar-thumb:active {
  background-color: #aaa;
}
</style>
==============================================================