TABLECONTROL


1,当前行:
TC-CURRENT_LINE


2,被选择列
CONTROLS: TC TYPE TABLEVIEW USING SCREEN 0300.
 
DATA: TC_LINES  LIKE SY-LOOPC.
DATA: TABIX         LIKE TC-CURRENT_LINE.
DATA: WA             TYPE CXTAB_COLUMN.


DATA: FLDNAME(100),HELP(100).
READ TABLE TC-COLS INTO WA WITH KEY SELECTED = 'X'.
    SPLIT wa-SCREEN-NAME AT '-' INTO HELP FLDNAME.
      SORT G_ZTABCTRLOBJ_ITAB BY (FLDNAME)


3.Table Control的几个属性
FIXED_COLS:固定列的数量
LINES:总行数
TOP_LINE:当前屏幕第一行的行号
CURRENT_LINE:当前行号
LEFT_COL:
LINE_SEL_MODE:
COL_SEL_MODE:
LINE_SELECTOR:
V_SCROLL:
H_GRID:
V_GRID:
COLS:内部表,存放TableContorl上面的列  => CXTAB_COLUMN
INVISIBLE:




4.行号的计算及CURSOR行数据的取得
*取得当前行号
GET CURSOR LINE W_LINES.
CHECK SY-SUBRC = 0.
*当前行号 = 当前屏首行序号 + 当前屏行号
W_INDEX = TB-TOP_LINE + W_LINES - 1.
*用取得的行号读取内表数据
READ TABLE IT_TAB INDEX W_INDEX.



GET CURSOR LINE C_LINE.
C_LINE : 当前屏幕对应的行数
TB-TOP_LINE :top_line属性值对应的是table control中每次显示的第一行对应的内表中的行数



5 程序控制列的隐藏
(可以用变式来控制) 程序中在PBO 事件中删除。
DELETE <TC>-COLS WHERE SCREEN-GROUP1 = 'DELE'.


6 筛选
Call FunctionModule :LVC_FILTER
### 关于 Table Control 组件和技术 Table control 是用于显示表格数据的一种用户界面控件,在不同的编程环境和框架中有多种实现方式。这类组件通常提供丰富的功能来管理、展示以及操作表格中的数据。 #### Windows Forms 中的 DataGridView 控件 在 .NET Framework 的 Windows Forms 应用程序中,`DataGridView` 是最常用的 table control。此控件提供了强大的功能集,允许开发者轻松创建复杂的表格布局并处理大量数据[^1]。 ```csharp // 创建一个新的 DataGridView 实例 var dataGridView = new System.Windows.Forms.DataGridView(); // 设置自动调整大小模式以适应内容 dataGridView.AutoSizeColumnsMode = System.Windows.Forms.DataGridViewAutoSizeColumnsMode.AllCells; // 将 DataGridView 添加到窗体上 this.Controls.Add(dataGridView); ``` #### WPF 中的数据网格 (DataGrid) 对于基于 WPF 的应用程序而言,则可以使用 `DataGrid` 来作为 table control。它不仅支持基本的功能特性,还具备更灵活的设计选项和支持绑定机制[^2]。 ```xml <DataGrid Name="dataGrid" AutoGenerateColumns="True"> </DataGrid> ``` #### ASP.NET Core MVC 和 Blazor 中的表单控制 当涉及到 Web 开发时,ASP.NET Core 提供了多种方法来自定义 HTML 表格元素或是利用第三方库如 Syncfusion 或 Telerik UI for ASP.NET Core 来构建响应式的 data grid 组件[^3]。 ```razor @page "/datagrid" <Syncfusion.EJ2.Blazor.Grids.EjsGrid DataSource="@Employees"> <!-- 配置和其他属性 --> </Syncfusion.EJ2.Blazor.Grids.EjsGrid> @code { private List<Employee> Employees { get; set; } } ``` #### JavaScript 前端框架中的 Data Grid 除了服务器端的技术栈外,在前端开发领域也有很多优秀的开源项目可用于实现交互性强且高效的 table controls,比如 ag-Grid, DataTables.js 等[^4]。 ```javascript new agGrid.Grid(document.getElementById('myGrid'), { columnDefs: [ { headerName: 'Make', field: 'make' }, { headerName: 'Model', field: 'model' }, { headerName: 'Price', field: 'price' } ], rowData: [ { make: 'Toyota', model: 'Celica', price: 35000 }, // 更多... ] }); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值