it鸟 2024-06-09 09:23 采纳率: 80%
浏览 11
已结题

WebForm实现Datagridview （可以动态加载行 (由料号设置决定)）

之前用WinForm做的一个项目，打算转WebForm. 不知道datagridview该怎么写，请指点，感谢。
1.之前的项目，是用C# （VS2019）开发的。

img

2.现在要转换成MVC(VSCODE)。

img

WebForm：
A.目前界面是写在View里面的 。【我有尝试用asp的方式嵌入datagird，但是用html显示不出来效果】

<h3 class="d-flex justify-content-center" LangName="@ViewBag.Title">@ViewBag.Title</h3>

<div class="container" id="@ViewBag.DivID">
    <div class="row d-flex justify-content-center">
        <div class="col-md-4">
            <div class="input-group mt-1">
                <div class="input-group-prepend">
                    <span class="input-group-text" LangName="5094">IO号码</span>
                </div>
                <input type="text" class="form-control" style=" background-color: yellow" id="Barcode" inputmode="none">
            </div>
            <div class="input-group mt-1">
                <div class="input-group-prepend">
                    <span class="input-group-text" LangName="7354">物料编码</span>
                </div>
                <input type="text" class="form-control" id="ItemCode" disabled>
            </div>
            <div class="input-group mt-1">
                <div class="input-group-prepend">
                    <span class="input-group-text" LangName="6457">工站</span>
                </div>
                <input type="text" class="form-control" style=" background-color: yellow" id="Barcode" inputmode="none">
            </div>
            <div class="input-group mt-1">
                <div class="input-group-prepend">
                    <span class="input-group-text" LangName="6457">扫描条码</span>
                </div>
                <input type="text" class="form-control" style=" background-color: yellow" id="Barcode" inputmode="none">
            </div>
            <div>
                <asp:DataGrid id="ThisDataGrid" runat="server" CellPadding="4" CellSpacing="0" BorderStyle="Solid"
                    BorderWidth="1">
                    <Columns>
                        <asp:BoundColumn HeaderText="品項" DataField="ID" />
                        <asp:BoundColumn HeaderText="價格" DataField="Price" />
                    </Columns>
                </asp:DataGrid>
            </div>
            <div>
                <asp:Button ID="Button1" runat="server" Text="Click Me" OnClick="Button1_Click" />
            </div>
        </div>
    </div>
</div>
<div id="checkMsg" hidden>
    <h5 LangName="3974">check msg!</h5>
</div>
<div id="CodeType" hidden>
    <input type="text" class="form-control" id="CodeType" disabled>
</div>

II。当然，如果不用写在View中，写在Controller也是可以，主要是不知道该怎么写。 谢谢大家帮忙！

  • 写回答

12条回答 默认 最新

  • 专家-赤兔[在线] 优质创作者: 编程框架技术领域 2024-06-09 09:23
    关注

    引自免费微信小程序：皆我百晓生

    为了将 WinForms 中的 DataGridView 功能迁移到 ASP.NET Web Forms，你需要在服务器端创建数据源，然后绑定到 ASP.NET 的 GridView 控件上。这里是一个详细的步骤指南：

    首先，在 Web Form 的后台代码（通常是 Default.aspx.cs 或者其他扩展名为 .cs 的文件）中，你需要定义一个类来存储数据，并且创建一个方法用于获取动态数据。例如：

    using System;
using System.Collections.Generic;
using System.Linq;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            LoadDynamicData();
        }
    }

    private List<Item> GetDynamicData()
    {
        // 这里只是一个示例，实际应用中可能从数据库或其他来源获取数据
        return new List<Item>
        {
            new Item { ID = "911300108117", Price = 10080 },
            new Item { ID = "10073", Price = 10073 },
            new Item { ID = "117G0-051815-R4", Price = 11700 }
        };
    }

    private void LoadDynamicData()
    {
        var data = GetDynamicData();

        ThisDataGrid.DataSource = data;
        ThisDataGrid.DataBind();
    }
}

public class Item
{
    public string ID { get; set; }
    public int Price { get; set; }
}

    接下来，修改前端页面（Default.aspx），替换 DataGrid 控件为 GridView，并调整样式：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Web Form</title>
</head>
<body>
    <h3 class="d-flex justify-content-center" LangName="@ViewBag.Title">@ViewBag.Title</h3>

    <div class="container" id="@ViewBag.DivID">
        <div class="row d-flex justify-content-center">
            <!-- ... 其他输入框部分保持不变 -->

            <div>
                <asp:GridView ID="ThisDataGrid" runat="server" CellPadding="4" CellSpacing="0" BorderStyle="Solid"
                    BorderWidth="1">
                    <Columns>
                        <asp:BoundField DataField="ID" HeaderText="品項" />
                        <asp:BoundField DataField="Price" HeaderText="價格" />
                    </Columns>
                </asp:GridView>
            </div>
            <div>
                <asp:Button ID="Button1" runat="server" Text="Click Me" OnClick="Button1_Click" />
            </div>
        </div>
    </div>
    <div id="checkMsg" hidden>
        <h5 LangName="3974">check msg!</h5>
    </div>
    <div id="CodeType" hidden>
        <input type="text" class="form-control" id="CodeType" disabled>
    </div>
</body>
</html>

    这样，你应该能够在 Web Form 中看到与 WinForms 类似的动态加载的表格了。如果你需要根据用户输入的数据动态改变表格内容，可以在 Button1_Click 方法中添加相应逻辑，更新 GetDynamicData 函数的结果并重新调用 LoadDynamicData()。

    注意：在实际项目中，你需要处理数据验证、错误处理以及可能的安全问题，比如 SQL 注入等。这只是一个基础的迁移示例，具体的实现可能需要根据你的业务需求进行调整。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(11条)

报告相同问题？

  • c#winform简单数据库增删改查
    2018-01-31 09:43
    在WinForm中处理这些操作时，需要处理好事件驱动编程，比如在DataGridView的`CellEndEdit`事件中处理数据提交，或者在TreeView的`NodeMouseClick`事件中加载对应表的数据。 同时，为了提供良好的用户体验，还需要...
  • 深入掌握ASP.NET GridView的经典操作与应用
    2025-03-11 12:16
    Lemaden的博客 简介：GridView是ASP.NET Web Forms中的关键控件，用于展示和操作数据表，包括数据绑定、自定义列配置、支持排序和分页、编辑更新、插入和删除记录、自定义样式、模板字段、事件驱动编程、性能优化、自定义操作按钮...
  • 基于C#开发的请假管理系统（Winform）
    2016-01-04 19:44
    9. 事件驱动编程：Winform采用事件驱动编程模型，用户界面的交互由控件的事件触发。例如，点击提交按钮会触发Click事件，开发者可以在事件处理函数中编写处理逻辑。 10. 单元测试与调试：为了确保代码质量，开发者...
  • Winform全套UI组件开源共享项目
    2025-08-10 20:36
    张皓and梁媛哲的博客 它是.NET Framework的一部分，通过它开发者可以利用丰富的控件库快速构建出美观且功能强大的桌面应用程序。.NET Framework作为微软开发的大型软件框架，提供了一个统一的编程模型和运行环境，用于构建和运行Windows...
  • C#小结：以Winform为例，总结一些C#在桌面开发中一些技巧
    2024-01-30 17:14
    I am SuSu的博客 } numericUpDown实现类似的效果就不是双击那么简单了，而是需要订阅:KeyUp事件 和 Click 事件（两个都要订阅） 3.textbox灰色提示语设置 备注：如果是新版，可以直接配置，不用写代码 private string defaultValue ...
  • C#读取Excel表格数据显示到GridView控件
    2020-12-08 15:49
    念你那丝微笑的博客 实现思路 最近在学习C#的编程，想分享一下自己的学习过程，本方法显示数据的办法比较固定，需要定义一个数据模型类，再C#的窗体应用中，使用一个button按钮和GridView组件，引用NPOI读取Excel数据，使用反射...
  • WPF学习之使用DataGrid
    2013-11-16 11:07
    在传统的WinForm或WebForm中，我们有多种Grid控件，如DataGridView、GridView和Repeater，它们能方便地展示数据并支持导航、分页、排序、过滤和数据更新等功能，而开发者只需进行少量的编程工作。然而，WPF原生并不...
  • C#学习笔记25——C#控件
    2011-08-31 00:47
    byxdaz的博客 控件分类：DataGridView 控件DataGridView 控件：提供用来显示...使用 DataGridView 类，可以自定义单元格、行、列和边框。注意：DataGridView控件提供 DataGrid 控件所不具备的许多基本和高级功能。有关更多信息，请参
  • 桌面开发-学习笔记
    2023-05-16 10:56
    白云远去的博客 二、操作环境变量 利用System.Environment.GetEnvironmentVariable()方法可以很方便地取得系统环境变量，如： System.Environment.GetEnvironmentVariable("windir")就可以取得windows系统目录的路径。 以下是一些...
  • 常规技术面试题（.NET）下一部分
    2021-11-07 16:00
    T—慧的博客 利用“参数化类型”将类型抽象化，从而实现灵活的复用好处是——可以复用代码，降低耦合性，而且还提高了代码的可读性以及安全性。 DateTime.Parse(myString); 这行代码有什么问题？ 有问题，当myString不能满足...
  • .NET常见面试题
    2020-09-21 18:17
    ssINT的博客 LINQ（Language Integrated Query，语言集成查询）提供了一种跨数据源和数据格式的统一模型，实现查询。主要包括三个部分：LINQ to Objects、LINQ to XML、LINQ enabled ADO.NET，而在LINQ enabled ADO.NET中又包括...
  • mysql gridview_被ASP.NET GridView checkbox选择逼疯的朋友们，请放下你手中的割腕刀
    2021-01-27 14:43
    wzluo09的博客 其实作为.net的拥鼎已经有一段时间了，因为回忆中和表弟在假期或周末总是会逛街塞一肚子好伦哥自助餐，然后逛书店买一本喜欢的.net编程书，是我们不朽的消遣方式。再加上.netcore全面进军linux操作系统，对这种技术...
  • android dialog控件初始化,自定义AlertDialog控件的使用（AndroidStudio）
    2021-06-11 12:48
    发狂小傻喵的博客 AlertDialog 第一种：可随意自定义控件第一步：自定义弹出的页面 ，新建一个XML页面 如下图 不需要Activity第二步：在主页面设置一个按钮弹出上图页面 (下面是主要代码 调用自动以XML文件显示在AlertDialog中)final ...
  • 7月13日RDLC报表，ReportViewer使用详解
    2019-09-27 13:56
    aomiaolei5208的博客 计算可能的列标题数量并设置列标题，根据行标题和列标题在数据集中循环查询由当前行标题和列标题决定的值，整个过程的计算量就够受的了。作为被Microsoft封装过的一个控件，Matrix控件显然不需要这么麻烦，简单的...
  • 转： 大年三十整理的asp.net资料！（经典）
    2019-10-04 11:46
    a75975532的博客 使用SqlBulkCopy类加载其他源数据到SQL表 在数据回发时，维护ASP.NET Tree控件的位置 vagerent的vs2005网站开发技巧 ASP.NET2.0小技巧－－内部控件权限的实现 图片滚动代码。 css——...
  • Asp.net 文章资料整理
    2019-08-04 05:01
    weixin_30518397的博客 如何在数据层分页以提高性能 为gridview添加删除提示。 ...解决ASP 2.0中GridView控件的删除、插入、编辑命令操作客户端确认问题的另一方法 ...EnterPrise应用(5) Security Application Block应用...Ajax实现...
  • (轉貼) 大年三十整理的asp.net资料！ (.NET) (ASP.NET)
    2019-01-07 23:14
    weixin_34405332的博客 使用SqlBulkCopy类加载其他源数据到SQL表 在数据回发时，维护ASP.NET Tree控件的位置 vagerent的vs2005网站开发技巧 ASP.NET2.0小技巧－－内部控件权限的实现 图片滚动代码。 css——...
  • Code Project精彩系列（转）
    2019-10-07 05:37
    LHHfp2013的博客 Applications Crafting a C# forms Editor From scratch ... 建立一个类似C#的环境, 实现控件拖拉，属性 Packet Capture and Analayzer 网络封包截获 http://www.codeproj...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 6月18日
  • 已采纳回答 6月10日
  • 创建了问题 6月9日