### Project Setup and Navigation

Guides for project startup and quick navigation within the Vol.Pro documentation.

```APIDOC
Project Setup and Navigation:

Project Startup:
  - Guide for starting a new project.
  - Link: http://doc.volcore.xyz/docs/start/

Quick Navigation:
  - Provides a quick guide to navigating the documentation.
  - Link: http://doc.volcore.xyz/docs/nav/
```

--------------------------------

### Environment Configuration and Setup

Provides instructions for setting up the development environment, including installing necessary software like VS2022 and Node.js. It also guides users on downloading the correct Node.js version and configuring the environment for project development.

```text
1. Install VS2022
2. Install node.js version 18.+
3. Node.js download address: https://nodejs.org/download/release/v18.20.6/ Click v18.20.6-x64.msi to download
```

--------------------------------

### Vol.Pro Project Development Guides

Guides for initiating and navigating Vol.Pro projects, including setup, code generation, and frontend/backend development overviews.

```zh
项目启动: http://doc.volcore.xyz/docs/start/
快速导航: http://doc.volcore.xyz/docs/nav/
代码生成: http://doc.volcore.xyz/docs/coder/
前端开发: http://doc.volcore.xyz/docs/web/
后台开发: http://doc.volcore.xyz/docs/cs/
生成页面文档: http://doc.volcore.xyz/docs/view-grid/
新页面编辑: http://doc.volcore.xyz/docs/edit/
```

--------------------------------

### Frontend Application Startup

Provides instructions for starting the frontend application. This includes navigating to the `../web.vite` directory, running `install.bat` for dependency installation, and then running `run.bat` to start the application. Users can then access the application via `http://localhost:9000/`.

```text
1. Open the directory ../web.vite, double-click install.bat and wait for installation. After installation, double-click run.bat to start.
2. After successful startup, enter http://localhost:9000/ in the browser to access.
```

--------------------------------

### Backend Application Startup

Guides users on how to start the backend application. It involves opening the backend project in VS2022, modifying the database connection string in `appsettings.json`, and then running the `dev_run.bat` script. It also provides instructions for running with `dotnet run` via CMD for debugging.

```text
1. Open the backend project in vs2022 and modify the data link in appsettings.json.
2. Open the backend directory /VolPro.WebApi and double-click dev_run.bat to start.
3. If it exits immediately, switch to the /VolPro.WebApi directory in cmd and run `dotnet run` to view exceptions.
```

--------------------------------

### Troubleshooting Frontend Startup Crashes

Provides steps to resolve frontend application startup issues. It advises checking the Node.js installation using `node -v`, reinstalling dependencies by running `npm install` in the `../web.vite` directory, and then executing `npm run serve` to identify error messages.

```text
1. Check if Node.js is installed by entering node -v in cmd.
2. Frontend startup exception: Switch to the ../web.vite directory in cmd and execute `npm install`.
3. If there are no errors, continue executing npm run serve to see the exception information.
```

--------------------------------

### GET Request Parameter Passing

Demonstrates how to pass parameters in a GET request. Parameters are appended to the URL as query parameters. It shows examples for both Vue 2 and Vue 3 syntax for making the HTTP request and the corresponding backend C# controller method.

```javascript
let id = 1;
let date = '2024-01-02';
let date2 = null;
let text = '测试文字';
let b = true;
const url = `api/表名/test?id=${id}&date=${date}&text=${text}&b=${b}&date=${date}&date2=${date2}`;

// vue2 syntax
this.http.get(url, {}, true).then(result => {});

// vue3 syntax
proxy.http.get(url, {}, true).then(result => {});
```

```csharp
[Route("test"), HttpGet]
public IActionResult Test(int id, DateTime date, DateTime? date2, string text, bool b)
{
    return JsonNormal(new { message = "ok", status = true });
}
```

--------------------------------

### Vol.Pro 审批流程初始化配置

在 Startup.cs 文件中配置 Vol.Pro 的审批流程。支持单表和主从表配置，可自定义过滤字段、表单字段、明细表字段以及审批表单的可编辑字段。此配置用于初始化流程引擎，使满足条件的数据自动进入审批流程。

```csharp
public void ConfigureContainer(ContainerBuilder builder)
{
       //初始化流程表，表里面必须有AuditStatus字段
           //初始化流程表，表里面必须有AuditStatus字段
            WorkFlowContainer.Instance
            //单表
            .Use<Demo_Product>(
                    "产品管理",
                    filterFields: x => new { x.Creator, x.Price, x.ProductCode, x.ProductName },
                    formFields: x => new { x.ProductCode, x.ProductName, x.Remark, x.Price, x.Creator, x.CreateDate })
            //主从表
            .Use<Demo_Order, Demo_OrderList>("订单管理",
                    //过滤条件字段
                    filterFields: x => new { x.OrderDate, x.OrderNo, x.OrderStatus, x.OrderType, x.Creator, x.CustomerId },
                    //审批界面显示表数据字段
                    formFields: x => new { x.OrderDate, x.OrderNo, x.OrderStatus, x.Remark },
                    //明细表显示的数据
                    formDetailFields: x => new { x.GoodsName, x.GoodsCode, x.Qty, x.Price, x.Specs, x.Img, x.CreateDate },
                    //默认是否自动提交(如果是草稿或待提交,新建的数据的时候不会进入流程，需要手动提交流程，见下面的手动提交流程示例)
                   // defaultAduitStatus: AuditStatus.草稿,
                    //审批界面审批表单可编辑的字段(字段必须在上面的formFields内)
                    editFields: x => new { x.OrderDate, x.OrderNo, x.OrderStatus, x.OrderType })
                .Run();
}
```

--------------------------------

### Vue 2 HTTP Request Example

Illustrates how to perform POST and GET requests within a Vue 2 component using `this.http`. It shows how to specify the URL, payload, loading indicators, and custom Axios configurations such as timeouts and headers.

```javascript
let url = 'api/表名/方法名';
//第一个参数:url
//第二个参数：请求的参数
//第三个参数：是否显示发起请求时的提示信息(默认否)
this.http.post(url, {}, true).then((reslut) => {});
this.http.post(url, {}, '自定义提示信息').then((reslut) => {});
//get请求：this.http.get(url,{},true).then(reslut=>{})
//第4个参数自定义配置信息(这个方法基本不会用到),具体更多配置见axios官方文档
this.http.post(url, {}, '自定义提示信息',
   { timeout: 10000, //设置过期时间10秒
    headers: { token: '1231', responeType: 'text/html' } //配置其他请求头信息
  })
  .then((reslut) => {});
```

--------------------------------

### Vue 3 HTTP Request Example

Demonstrates how to make POST and GET requests using the `proxy.http` object in a Vue 3 application. It covers setting the URL, request parameters, custom loading messages, and advanced Axios configurations like timeouts and headers.

```javascript
<script setup>
    import {getCurrentInstance} from 'vue';
    const { proxy } = getCurrentInstance();
    let url = 'api/表名/方法名';
    //第一个参数:url
    //第二个参数：请求的参数
    //第三个参数：是否显示发起请求时的提示信息(默认否)
    proxy.http.post(url, {}, true).then((reslut) => {});
    proxy.http.post(url, {}, '自定义提示信息').then((reslut) => {});
    //proxy.http.get(url,{},true).then(reslut=>{})
    //第4个参数自定义配置信息(这个方法基本不会用到),具体更多配置见axios官方文档
    proxy.http.post(url, {}, '自定义提示信息',
    { timeout: 10000, //设置过期时间10秒
        headers: { token: '1231', responeType: 'text/html' } //配置其他请求头信息
    })
    .then((reslut) => {});
</script>
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### Get Table Row Data, Voltable Object, and Native Element Plus Table

This section provides code examples for retrieving all row data from a table, the table's voltable object, and the native Element Plus table instance. It includes implementations for both Vue 3 and Vue 2.

```vue3
//获取表格所有行数据
gridRef.getTable(true).rowData;
//获取查询表格voltable对象，更多操作见组件示例voltable
gridRef.getTable(true);
//获取原生element table对象
gridRef.getTable(true).$refs.table
```

```vue2
//获取表格所有行数据
this.$refs.table..rowData;
//获取查询表格voltable对象，更多操作见组件示例voltable
this.$refs.table.
//获取原生element table对象
this.$refs.table.$refs.table
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Vol.Pro Component Examples

Examples and documentation for various UI components used in Vol.Pro applications, including forms, tables, and dialogs.

```zh
volform表单组件: http://doc.volcore.xyz/docs/form/
voltable表格组件: http://doc.volcore.xyz/docs/table/
弹出框组件: http://doc.volcore.xyz/docs/box/
图标库: http://doc.volcore.xyz/docs/icon/
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### Table Primary Key Types

Table primary keys currently support only auto-increment or GUID types. If using MySQL with GUIDs, set the primary key to a CHAR type with a length of 36.

```zh
主键目前只支持自增或Guid类型，如果是mysql数据库使用guid，主键设置为char长度36
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Backend Deployment Steps

Instructions for deploying the backend of the Vol.Pro project. This includes copying the 'upload' folder after publishing and installing .NET Core hosting bundles for IIS or Linux environments.

```en
1. Right-click and publish (select file system). After publishing, copy the 'upload' folder to the published path.
2. Deploy the backend project site. IIS deployment requires installing the Runtime (Linux also requires it), otherwise the site will not open. Download and install the appropriate .NET Core Hosting Bundle (e.g., 8.0 or 6.0), then restart IIS or use 'iisreset' in cmd.
3. For Linux backend deployment, refer to the video or official documentation.
```

--------------------------------

### Troubleshooting Backend Startup Crashes

Offers solutions for backend application startup crashes. It suggests manually building the solution in VS2022, running `dotnet run` in the command line to view errors, and verifying the database connection configuration and `DBType` property in `appsettings.json`.

```text
1. Open the project in vs2022 and manually build the solution.
2. Switch to the /VolPro.WebApi directory in cmd and run `dotnet run` to view exceptions.
3. Check if the database connection configuration in `appsettings.json` and the `DBType` property are configured correctly.
```

--------------------------------

### Form and Table Operations

This section details various operations related to forms and tables within the Volcore XYZ system. It covers functionalities such as getting and setting form values, handling form data loading events, resetting forms, and configuring detail tables. It also includes operations for manipulating data within detail tables, like adding rows, getting selected rows, and setting default selected rows.

```APIDOC
Form Operations:

getFormValue(fieldName: string): any
  Description: Retrieves the value of a specified form field.
  Parameters:
    fieldName: The name of the form field to retrieve.
  Returns: The value of the form field.

setFormValue(fieldName: string, value: any): void
  Description: Sets the value of a specified form field.
  Parameters:
    fieldName: The name of the form field to set.
    value: The value to set for the form field.

resetForm(): void
  Description: Resets the entire form to its initial state.

Form Events:

onFormLoadBefore(formData: object): void
  Description: Callback function executed before the form data is loaded.
  Parameters:
    formData: An object containing the form data.

onFormLoadAfter(formData: object): void
  Description: Callback function executed after the form data is loaded.
  Parameters:
    formData: An object containing the form data.

Detail Table Operations:

configureDetailTable(tableConfig: object): void
  Description: Configures the settings for a detail table.
  Parameters:
    tableConfig: An object containing the configuration for the detail table.

getDetailTableConfig(tableName: string): object
  Description: Retrieves the configuration for a specific detail table.
  Parameters:
    tableName: The name of the detail table.
  Returns: An object containing the detail table's configuration.

getDetailTableAllRows(tableName: string): Array<object>
  Description: Retrieves all rows of data from a specified detail table.
  Parameters:
    tableName: The name of the detail table.
  Returns: An array of objects, where each object represents a row.

addDetailTableRow(tableName: string, rowData: object): void
  Description: Adds a new row of data to a specified detail table.
  Parameters:
    tableName: The name of the detail table.
    rowData: An object representing the data for the new row.

getDetailTableSelectedRows(tableName: string): Array<object>
  Description: Retrieves the currently selected rows from a specified detail table.
  Parameters:
    tableName: The name of the detail table.
  Returns: An array of objects, where each object represents a selected row.

setDefaultDetailTableRows(tableName: string, rows: Array<object>): void
  Description: Sets the default selected rows for a specified detail table.
  Parameters:
    tableName: The name of the detail table.
    rows: An array of objects representing the rows to set as default.

refreshDetailTable(tableName: string): void
  Description: Refreshes the data displayed in a specified detail table.
  Parameters:
    tableName: The name of the detail table.

Detail Table Events:

onDetailTableLoadBefore(tableName: string, queryParams: object): void
  Description: Callback function executed before a detail table query.
  Parameters:
    tableName: The name of the detail table.
    queryParams: An object containing query parameters for the table load.

onDetailTableLoadAfter(tableName: string, tableData: Array<object>): void
  Description: Callback function executed after a detail table query.
  Parameters:
    tableName: The name of the detail table.
    tableData: An array of objects representing the loaded table data.

Other Operations:

httpCall(requestConfig: object): Promise<object>
  Description: Makes an HTTP request to an external API.
  Parameters:
    requestConfig: An object containing the configuration for the HTTP request (e.g., URL, method, headers, body).
  Returns: A Promise that resolves with the API response.

showPrompt(message: string, options?: object): void
  Description: Displays a prompt message to the user.
  Parameters:
    message: The message to display in the prompt.
    options: Optional configuration for the prompt (e.g., buttons, callbacks).

customDisplayContent(slotName: string, data: any): void
  Description: Customizes the display content for a specific data slot.
  Parameters:
    slotName: The name of the data slot to customize.
    data: The data to be displayed in the slot.

isNewRecord(): boolean
  Description: Checks if the current record is a new record.
  Returns: True if it's a new record, false otherwise.

getEditRecordId(): string | number
  Description: Retrieves the ID of the record being edited.
  Returns: The ID of the record being edited.

submitAllTableData(): void
  Description: Submits all data from the current form and associated tables.

addCustomButton(buttonConfig: object): void
  Description: Adds a custom button to the form or table interface.
  Parameters:
    buttonConfig: An object containing the configuration for the custom button (e.g., label, onClick handler).

formGroupLayout(groupConfig: object): void
  Description: Configures the layout for form data groups.
  Parameters:
    groupConfig: An object defining the grouping and layout of form fields.

openDataSelectionPopup(popupConfig: object): void
  Description: Opens a popup window for data selection.
  Parameters:
    popupConfig: An object containing the configuration for the data selection popup.

setDetailDefaultValue(tableName: string, rowIndex: number, fieldName: string, value: any): void
  Description: Sets a default value for a field in a specific row of a detail table.
  Parameters:
    tableName: The name of the detail table.
    rowIndex: The index of the row in the detail table.
    fieldName: The name of the field to set the default value for.
    value: The default value to set.

getDetailObject(tableName: string, rowIndex: number): object
  Description: Retrieves the data object for a specific row in a detail table.
  Parameters:
    tableName: The name of the detail table.
    rowIndex: The index of the row.
  Returns: An object representing the data for the specified row.

Form Configuration:

mainTableFormConfig(config: object): void
  Description: Configures the main form of the application.
  Parameters:
    config: An object containing the main form's configuration settings.

Form Event Hooks:

addBefore(callback: Function): void
  Description: Registers a callback function to be executed before a new record is added.
  Parameters:
    callback: The function to execute before adding a new record.

addAfter(callback: Function): void
  Description: Registers a callback function to be executed after a new record is added.
  Parameters:
    callback: The function to execute after adding a new record.

updateBefore(callback: Function): void
  Description: Registers a callback function to be executed before a record is updated.
  Parameters:
    callback: The function to execute before updating a record.

updateAfter(callback: Function): void
  Description: Registers a callback function to be executed after a record is updated.
  Parameters:
    callback: The function to execute after updating a record.

```

--------------------------------

### Form Input Watching

Commented-out example demonstrating how to watch for changes in form input fields to perform real-time calculations.

```javascript
//监听表单输入，做实时计算
//watch(() => editFormFields.字段,(newValue, oldValue) => {	})
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### Getting All Detail Table Rows

Instructions for retrieving all row data from detail tables. This is useful for processing all items in a sub-list.

```html
[获取明细表所有行数据](http://doc.volcore.xyz/docs/view-grid/common/detailRowData.html)
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Getting All Detail Table Rows

Instructions for retrieving all row data from detail tables. This is useful for processing all items in a sub-list.

```html
[获取明细表所有行数据](http://doc.volcore.xyz/docs/view-grid/common/detailRowData.html)
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Getting All and Selected Table Rows

Consolidated information on retrieving all rows and selected rows from a table. This covers common data access patterns.

```html
[table获取所有行数据、获取选中的行](http://doc.volcore.xyz/docs/web/table/rows.html)
```

--------------------------------

### Getting Selected Detail Table Rows

Guidance on retrieving selected rows specifically from detail tables. This is important for managing sub-table data.

```html
[获取明细表选择中的行](http://doc.volcore.xyz/docs/view-grid/common/getDetailRowData.html)
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### Getting All and Selected Table Rows

Consolidated information on retrieving all rows and selected rows from a table. This covers common data access patterns.

```html
[table获取所有行数据、获取选中的行](http://doc.volcore.xyz/docs/web/table/rows.html)
```

--------------------------------

### Getting Selected Detail Table Rows

Guidance on retrieving selected rows specifically from detail tables. This is important for managing sub-table data.

```html
[获取明细表选择中的行](http://doc.volcore.xyz/docs/view-grid/common/getDetailRowData.html)
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Custom gridHeader Position Implementation

Demonstrates a custom implementation for the gridHeader position within the Volcore XYZ framework. This is a specific example of component extension.

```zh
gridHeader 位置自定义实现
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### IN Clause and LIKE Query

Provides examples for performing queries using the SQL `IN` clause with an array of IDs and for executing `LIKE` queries for pattern matching.

```C#
//in查询
string sql = "select * from SellOrder where id in @ids";
var ids=new int[]{200,800,100}
DBServerProvider.SqlDapper.QueryFirst<object>(sql, new {ids=ids });
//模糊查询
string tranNo = "20";
string sql = $"SELECT * FROM SellOrder WHERE TranNo LIKE @tranNo";
var orderList =  DBServerProvider.SqlDapper
                  .QueryList<SellOrder>(sql, new { Name = "%" + tranNo + "%" });
```

--------------------------------

### Getting Selected Main Table Rows

Instructions for retrieving the currently selected rows from the main table. This is crucial for performing actions on selected data.

```html
[主表获取选中的行](http://doc.volcore.xyz/docs/view-grid/common/getRowData.html)
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Getting Selected Main Table Rows

Instructions for retrieving the currently selected rows from the main table. This is crucial for performing actions on selected data.

```html
[主表获取选中的行](http://doc.volcore.xyz/docs/view-grid/common/getRowData.html)
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### Get Detail Table Columns (Master-Detail)

Provides the way to access the columns configuration for detail tables in a master-detail relationship within the vol-edit component.

```JavaScript
detail.columns
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Get Edit Primary Key ID

Retrieves the primary key ID for an edit operation from the route query parameters. This value is only present during edits.

```jsx
//只有编辑时才有值
const id= route.query.id;
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### Getting Main Table Row Data

Guidance on retrieving all row data from the main table and configuring table properties. This is fundamental for data processing and manipulation.

```html
[主表获取所有行数据、表格配置](http://doc.volcore.xyz/docs/view-grid/common/rowData.html)
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Getting Main Table Row Data

Guidance on retrieving all row data from the main table and configuring table properties. This is fundamental for data processing and manipulation.

```html
[主表获取所有行数据、表格配置](http://doc.volcore.xyz/docs/view-grid/common/rowData.html)
```

--------------------------------

### 后台开发 - 实例与依赖注入

关于构造方法注入、获取对象实例以及获取表依赖注入Repository实例的方法。

```zh
构造方法注入与获取对象实例: http://doc.volcore.xyz/docs/cs/dev/instance
获取表依赖注入Repository实例: http://doc.volcore.xyz/docs/cs/dev/repositoryinstance
```

--------------------------------

### Grid Initialization and Configuration Events

Methods triggered during the grid's initialization and configuration phases. Includes setup, data loading, and initial state handling.

```APIDOC
onInit()
  - Description: Initializes the grid configuration and data.
  - Usage: Called when the grid component is first initialized.

onInited()
  - Description: Executed after the grid has been fully initialized.
  - Usage: Useful for post-initialization tasks.

dicInited()
  - Description: Triggered after dictionary data has been initialized.
  - Usage: For operations that depend on dictionary data being ready.

selectable(params)
  - Description: Determines if a row is selectable.
  - Parameters:
    - params: Row data and index.
  - Returns: Boolean indicating if the row is selectable.

selectionChange(selection)
  - Description: Handles changes in row selection.
  - Parameters:
    - selection: An array of selected rows.
  - Usage: To react to user row selections.

rowClick(row)
  - Description: Handles single clicks on grid rows.
  - Parameters:
    - row: The data of the clicked row.
  - Usage: For row-specific click actions.

rowDbClick(row)
  - Description: Handles double clicks on grid rows.
  - Parameters:
    - row: The data of the double-clicked row.
  - Usage: For row-specific double-click actions.

spanMethod(params)
  - Description: Defines row and column spanning for cells.
  - Parameters:
    - params: Cell information including row, column, row data, and column data.
  - Returns: Object with `rowspan` and `colspan` properties.

resetSearchFormAfter()
  - Description: Executed after the search form has been reset.
  - Usage: For actions following a search form reset.

tabClick(tabName)
  - Description: Handles tab switching events in edit forms.
  - Parameters:
    - tabName: The name of the activated tab.
  - Usage: To manage behavior when switching between form tabs.
```

--------------------------------

### Grid Initialization and Configuration Events

Methods triggered during the grid's initialization and configuration phases. Includes setup, data loading, and initial state handling.

```APIDOC
onInit()
  - Description: Initializes the grid configuration and data.
  - Usage: Called when the grid component is first initialized.

onInited()
  - Description: Executed after the grid has been fully initialized.
  - Usage: Useful for post-initialization tasks.

dicInited()
  - Description: Triggered after dictionary data has been initialized.
  - Usage: For operations that depend on dictionary data being ready.

selectable(params)
  - Description: Determines if a row is selectable.
  - Parameters:
    - params: Row data and index.
  - Returns: Boolean indicating if the row is selectable.

selectionChange(selection)
  - Description: Handles changes in row selection.
  - Parameters:
    - selection: An array of selected rows.
  - Usage: To react to user row selections.

rowClick(row)
  - Description: Handles single clicks on grid rows.
  - Parameters:
    - row: The data of the clicked row.
  - Usage: For row-specific click actions.

rowDbClick(row)
  - Description: Handles double clicks on grid rows.
  - Parameters:
    - row: The data of the double-clicked row.
  - Usage: For row-specific double-click actions.

spanMethod(params)
  - Description: Defines row and column spanning for cells.
  - Parameters:
    - params: Cell information including row, column, row data, and column data.
  - Returns: Object with `rowspan` and `colspan` properties.

resetSearchFormAfter()
  - Description: Executed after the search form has been reset.
  - Usage: For actions following a search form reset.

tabClick(tabName)
  - Description: Handles tab switching events in edit forms.
  - Parameters:
    - tabName: The name of the activated tab.
  - Usage: To manage behavior when switching between form tabs.
```

--------------------------------

### 后台开发 - 文件与路径操作

处理与文件和路径相关的操作，包括控制器不能使用System.IO的问题、获取项目磁盘绝对路径、以及文件上传功能。

```zh
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
获取项目磁盘绝对路径: http://doc.volcore.xyz/docs/cs/dev/path
文件上传: http://doc.volcore.xyz/docs/cs/service/upload
```

--------------------------------

### Grid Initialization and Configuration Events

Methods triggered during the grid's initialization and configuration phases. Includes setup, data loading, and initial state handling.

```APIDOC
onInit()
  - Description: Initializes the grid configuration and data.
  - Usage: Called when the grid component is first initialized.

onInited()
  - Description: Executed after the grid has been fully initialized.
  - Usage: Useful for post-initialization tasks.

dicInited()
  - Description: Triggered after dictionary data has been initialized.
  - Usage: For operations that depend on dictionary data being ready.

selectable(params)
  - Description: Determines if a row is selectable.
  - Parameters:
    - params: Row data and index.
  - Returns: Boolean indicating if the row is selectable.

selectionChange(selection)
  - Description: Handles changes in row selection.
  - Parameters:
    - selection: An array of selected rows.
  - Usage: To react to user row selections.

rowClick(row)
  - Description: Handles single clicks on grid rows.
  - Parameters:
    - row: The data of the clicked row.
  - Usage: For row-specific click actions.

rowDbClick(row)
  - Description: Handles double clicks on grid rows.
  - Parameters:
    - row: The data of the double-clicked row.
  - Usage: For row-specific double-click actions.

spanMethod(params)
  - Description: Defines row and column spanning for cells.
  - Parameters:
    - params: Cell information including row, column, row data, and column data.
  - Returns: Object with `rowspan` and `colspan` properties.

resetSearchFormAfter()
  - Description: Executed after the search form has been reset.
  - Usage: For actions following a search form reset.

tabClick(tabName)
  - Description: Handles tab switching events in edit forms.
  - Parameters:
    - tabName: The name of the activated tab.
  - Usage: To manage behavior when switching between form tabs.
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```

--------------------------------

### Grid Initialization and Configuration Events

Methods triggered during the grid's initialization and configuration phases. Includes setup, data loading, and initial state handling.

```APIDOC
onInit()
  - Description: Initializes the grid configuration and data.
  - Usage: Called when the grid component is first initialized.

onInited()
  - Description: Executed after the grid has been fully initialized.
  - Usage: Useful for post-initialization tasks.

dicInited()
  - Description: Triggered after dictionary data has been initialized.
  - Usage: For operations that depend on dictionary data being ready.

selectable(params)
  - Description: Determines if a row is selectable.
  - Parameters:
    - params: Row data and index.
  - Returns: Boolean indicating if the row is selectable.

selectionChange(selection)
  - Description: Handles changes in row selection.
  - Parameters:
    - selection: An array of selected rows.
  - Usage: To react to user row selections.

rowClick(row)
  - Description: Handles single clicks on grid rows.
  - Parameters:
    - row: The data of the clicked row.
  - Usage: For row-specific click actions.

rowDbClick(row)
  - Description: Handles double clicks on grid rows.
  - Parameters:
    - row: The data of the double-clicked row.
  - Usage: For row-specific double-click actions.

spanMethod(params)
  - Description: Defines row and column spanning for cells.
  - Parameters:
    - params: Cell information including row, column, row data, and column data.
  - Returns: Object with `rowspan` and `colspan` properties.

resetSearchFormAfter()
  - Description: Executed after the search form has been reset.
  - Usage: For actions following a search form reset.

tabClick(tabName)
  - Description: Handles tab switching events in edit forms.
  - Parameters:
    - tabName: The name of the activated tab.
  - Usage: To manage behavior when switching between form tabs.
```

--------------------------------

### 后台开发 - 单据编码与控制器问题

关于生成单据编码以及控制器不能使用System.IO问题的解决方案。

```zh
生成单据号、自增流水单据号: http://doc.volcore.xyz/docs/cs/dev/code
控制器不能使用System.IO问题: http://doc.volcore.xyz/docs/cs/dev/sysio
```