关于表格中复选框、设置、名称,最后统计的实现

来源:转载



参考网页:
+ http://webtips.krajee.com/setup-editable-column-grid-view-manipulate-records/
+ http://demos.krajee.com/grid-demo
+ http://demos.krajee.com/editable
+ http://stackoverflow.com/questions/31622044/yii-2-customize-column-with-form-field-for-editing-with-gridview-widget
+ http://stackoverflow.com/questions/31149977/yii2-gridview-set-checkboxcolumn-checked
+ http://stackoverflow.com/questions/37473895/how-i-can-process-a-checkbox-column-from-yii2-gridview
+ http://www.dyn-web.com/tutorials/forms/checkbox/group.php
+ http://thecodeplayer.com/walkthrough/javascript-css3-calculator
## 一、引言
设置一个人的假期天数,需要填很多信息。比如有哪些假期,每个假期多少天。即使同一种假期,因为人员性质的不同,假期天数也不同。这就要求为该员工提供选择哪些假期的能力,而且还要设置对应假期的天数。选择好后,最好加一个按钮,计算所需天数。而且,复选框可以提前确定选谁,复选过程中,可以实时调整数字大小。这样就可以粗略的实现设置假期天数的功能了。在加减法的时候遇到困难了。
另外,对于基本信息的显示,考虑改版,采用 DetailView,原来的全程 HTML 界面太丑了。
## 二、准备
想了好几天了,最终决定采用类似下方的实现方式。





序号



复选框



名称



天数





1



复选框


假期一



300(可编辑)





2



复选框


假期二



300(可编辑)




3



复选框


假期三



300(可编辑)








搜索良久,发现采用 http://demos.krajee.com/grid-demo 和 http://demos.krajee.com/editable 能较好的解决该问题,但是并没有想象中那么完美。为了尽快完成网站,暂时这么决定了。
## 三、实现方法
这里主要参考网页 http://webtips.krajee.com/setup-editable-column-grid-view-manipulate-records/
### 1、安装插件 GridView 和 Editable
使用 `composer` 安装,可能需要一些依赖,请自行解决。
```bash
composer.phar require kartik-v/yii2-editable "*"
composer.phar require kartik-v/yii2-grid "@dev"
```
这里还需要对

分享给朋友:
您可能感兴趣的文章:
随机阅读: