最近要写后台页面，页面上微调，很不熟悉，遇到两个小问题记录一下。
第一个是有个表单，要选择文件之后如何取消选择的文件。
情况一：选择文件之后，如果不提交，点击取消按钮，表单消失之后，重新点击新增按钮再弹出表单，这个文件的input框，理应是空的。
情况二：选择文件并提交，页面刷新，重新点击新增按钮，弹出表单，这个时候文件的input框，也理应是空的。
之前老代码里面表单内容全部没有清理掉，我想完善一下这个交互，搞了好久。
页面大致如下：
image.png
image.png
文件的input是上图这样的，我就想用
image.png
, 然后报错，查了说是FileList 是只读的
后来不停搜不停试，写成这样 $('#excel-file').val("")， 就解决了。
第二个问题是我返回的数据是性别，返回的时候返回的是0和1，渲染到table里面我想显示成男和女。
点到bootstrap-table源码里面发现有个rowStyle，可以读到row里面的数据，也可以改数据。
但是这个rowStyle的语义是修改style的，不恰当；
又不停搜不停试，rowAttributes也不行。后来看到了一个responseHandler，感觉就是用来转换数据的。
试了一下没啥问题，语义看上去也通顺的。
流水账记录一下，万一后面又遇到上面的场景，可以少走点弯路。
还有一个idea跑这种前端代码和后端代码一起的工程的时候，
开发调试的时候，可以热部署，不用每次都停服务起服务，拉低效率。
image.png
注意deployment一定要使用exploded的，然后server这边的On 'update' action这边就会有 update classes and resources了。
image.png
这样页面调整一下，直接build一下工程，就生效了，比停服务起服务快多了。
网友评论