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


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>
==============================================================