h0前端随笔

——C7N UI，JS， ES6， NPM与YARN包管理器等

 

【VsCode git 拉取问题】 

拉取git项目后install失败：

拉取yarn install失败，hzero-front-utils 完整性失败什么的  (computed integrity doesn't match our records, got

方案一：删除yarn.lock，然后再yarn intsall，但是会在yarn build时出现错误，否定

方案二：直接 尝试使用 yarn --update-checksums 来升级所有安装过的包的 integrity checksums ，可以install成功

然后yarn build

最后发现，这个install和我从哪个分支拉取有关系，分支的不同意味着配置文件可能不同，这会影响依赖的拉取

【前端debugger】

在要进行debug的地方添加 debugger，然后在f12 的Sources中可以观察到具体参数变化

 

 

【实现查询，查询出的字段数据选中后可通过lov查询编辑并保存】 

实现效果如图：

 

 

 

 这里面有一个坑，lov传递的是对象类型而非具体数据类型，执行后会在后端产生JSON格式转换错误， 需要利用bind 绑定lov中的value才能获得对象中具体的字段：

　　bind 可以让我在具体的字段属性配置中，声明一个虚拟字段，用来绑定一个需要的已有字段。

 

 

利用Obj获取lov查询值，然后用bind来获取lov对象中的某个字段，比如上图是在DS中的Fields内，配置好这两个，还要保证表格能正常显示，所以需要在对应的 table中进行修改，不然DS中出现两个name为lineBusiness系统会无法识别导致其只显示为文本框

 

另外写的过程中还遇到一个问题：去掉这个箭头所指这个小框框，或者说，去除圆角矩形

 出现这样的显示是因为字段处于[可编辑] 状态，改为用变量来控制字段，实现未选中该行时不可编辑即可。

 

【Form表单的一些属性】

　　1.LabalWidtn：调整form表单的字段标签名长度（注意不是数据长度）

　　2.maxLength：在Form中给TextField，TextAre等类型的标签 限制数据长度

　　

 

　　PS：限制表单显示的字段长度：两种方法：一种是DS中限制maxlength，一种是table里限制，注意83是指83个字符（此处一个数字和一个汉字是一样的，而非字节）         

　　<TextAre name="summary" rows={3} colSpan={2} maxLength={83}/>

　　3.placeholder="xxx"：显示文本提示内容：

　　

　【实现date期间选择与存储】

　　可以从猪齿鱼官网的文档中找到类似的Pro组件，如下：

可以直接在DS中进行配置，table中不进行配置也是可以的：

Table：

 

 DS：

返回结果是一个包含开始（start）和结束（end）字段的对象duration，字段内容为字符串格式，可以在后端进行接收并处理格式。

 

 

效果如下：

 

 

 

 

 

 

 

 

 

 

 

 

 

　

 

更多文章请关注《万象专栏》