界面控件DevExpress JS & ASP.NET Core v24.1 - 全新的分割器组件

分割器控件是DevExpress中的一种新UI控件，它允许用户在两个或更多的面板之间移动数据。在这个问题中，我们将讨论如何在ASP.NET Core应用程序中使用这个新的分割器控件。

首先，你需要在你的项目中安装DevExpress.AspNetCore.SplitContainer控件。你可以使用NuGet包管理器来安装。

Install-Package DevExpress.AspNetCore.SplitContainer

然后，你可以在你的Razor页面中使用SplitContainer控件。

@page "/splitContainerDemo"
@model SplitContainerDemoModel
 
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <dx-split-container id="splitContainer" style="height: 400px;">
                    <div>
                        <!-- 左侧面板内容 -->
                        <div class="panel panel-default">
                            <div class="panel-heading">左侧面板</div>
                            <div class="panel-body">这里是左侧面板的内容</div>
                        </div>
                    </div>
                    <div>
                        <!-- 右侧面板内容 -->
                        <div class="panel panel-default">
                            <div class="panel-heading">右侧面板</div>
                            <div class="panel-body">这里是右侧面板的内容</div>
                        </div>
                    </div>
                </dx-split-container>
            </div>
        </div>
    </div>
</div>

在上面的代码中，我们创建了一个SplitContainer并将其分为两个面板。每个面板都可以包含其他的UI元素。

在ASP.NET Core中使用DevExpress控件时，你还可以利用其他强大的功能，例如数据绑定、事件处理等。

public class SplitContainerDemoModel : PageModel
{
    public void OnGet()
    {
    }
}

在上面的代码中，我们创建了一个PageModel，它将在页面加载时被调用。

总的来说，DevExpress的分割器控件为开发者提供了一个灵活的方式来组织和布局他们的应用程序界面。