# weekUnitTable

**Repository Path**: cylansad/weekUnitTable

## Basic Information

- **Project Name**: weekUnitTable
- **Description**: 星期节次表格
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-07-26
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#weekUnitTable

星期节次二维表，可用于排课中选中或取消选中二维表的单元格。



##### 1. 引用

```javascript
<link rel="stylesheet" type="text/css" href="./weekUnitTable.css" />
<script src="./weekUnitTable.js"></script>
```

##### 2. html

```html
<input type="button" onclick="setResult()" value="初始化结果" class="bh-btn bh-btn-primary bh-btn-small" style="margin:10px" />

<input type="button" onclick="getResult()" value="获取结果" class="bh-btn bh-btn-primary bh-btn-small" style="margin:10px" />

<!-- 容器 -->
<div class="d" style="width:1000px;margin:10px;"></div>
```

##### 3. js

```javascript
var weekUnitTable = new WeekUnitTable({
    container: '.d'
});
weekUnitTable.render();

function setResult() {
    weekUnitTable.setResult([{
    	unit: '1',
    	week: '1'
  	}, {
        unit: '2',
        week: '2'
    }, {
        unit: '3',
        week: '3'
    }, {
        unit: '4',
        week: '4'
    }, {
        unit: '5',
        week: '5'
    }]);
}

function getResult() {
  	var result = weekUnitTable.getResult();
  	console.log(result);
}
```
##### 4. 参数说明

| 参数名              | 说明                                       |
| ---------------- | ---------------------------------------- |
| **container**    | 必须，生成的二维表将会显示在指定的container中。container写法与jquery选择器写法一致，如：#containerId、.className等 |
| weeks            | 非必须，用于指定二维表需要显示哪些星期，如：`[{code:'1', name:'星期一'}, {code:'2', name:'星期二'}]` |
| units            | 非必须，用于指定二维表需要显示哪些节次，如：`[{code:'1', name:'第一节'}, {code:'2', name:'第二节'}]` |
| loadWeeksUrl     | 非必须，用于获取二维表需要显示哪些星期的URL                  |
| loadUnitsUrl     | 非必须，用于获取二维表需要显示哪些的URL                    |
| convertWeeksFunc | 非必须，与loadWeeksUrl配合使用，用于通过ajax获取星期数据后，对数据进行转换的函数 |
| convertUnitsFunc | 非必须，与loadUnitsUrl配合使用，用于通过ajax获取节次数据后，对数据进行转换的函数 |
| choicedHtml      | 非必须，选择单元格后，显示的内容。如： `'<div class="wut_choiced"><div>已选</div></div>'` |
| readOnly         | 非必须，是否只读，默认为false                        |

##### 5. 方法说明

| 方法名                    | 说明                                       |
| ---------------------- | ---------------------------------------- |
| .getWeeks()            | 获取星期列表                                   |
| .getUnits()            | 获取节次列表                                   |
| .setResult(data)       | 设置二维表的结果并根据结果渲染页面。data格式：`[{ unit: '1', week: '1' }, { unit: '2', week: '2' }]` |
| .getResult()           | 获取二维表的结果                                 |
| .setReadOnly(readOnly) | 设置是否只读（true / false）                     |