.NET 組件集 Componentone 更新:Blazor Edition + 跨平臺數據組件

2020-12-19 開源中國

.NET 組件集  ComponentOne V2020.0 Update1現已正式發布,該版本聚焦跨平臺數據管理與集成,可顯著提升 .NET開發人員的生產效率。

 

本次更新,ComponentOne 增加了連接到在線數據源的新方法,通過跨平臺數據集管理,呈現數據 UI、數據分析以及集成來自不同源的數據。

 

在列舉 ComponentOne的全部新特性之前,請下載最新安裝程序,以便同步體驗!

>> ComponentOne 最新版下載地址

ComponentOne Blazor Edition - 正式發布

我們在此前版本中發布了 Blazor Edition 的Beta版,如今其將正式與大家見面。

此次更新,我們增強了Blazor Edition的性能,並為FlexGrid增加了過濾行的功能。

>>點擊了解更多 Blazor 組件介紹

加入跨平臺的數據組件 - C1DataCollection

ComponentOne DataCollection 是一款功能強大的數據綁定組件,其基於CollectionView的 .NET Standard 實現,是對舊版 C1CollectionView 控制項的重寫。 C1DataCollection提供了如下功能:

  • 為您的數據收集進行過濾、分組和排序
  • 基於遊標和分頁的數據虛擬化,可用於加載大型數據集
  • 支持 .NET Core、WinForms、WPF、UWP、Xamarin

 

>>點擊了解更多跨平臺數據組件 C1DataCollection 的介紹

可將你的數據與 .NET標準數據連接器相結合 – 數據連接器

本次更新,ComponentOne 的數據連接庫組件發布了第一個版本,可以針對各種受支持的數據源執行任何數據操作,該數據連接器提供了一個通用接口,用於訪問流行的數據服務,如Dynamics365和OData。

ComponentOne 的數據連接器可連接基於Internet的數據源,這些數據源通過具有ADO.NET和Entity Framework Core等已知數據訪問技術的OData或基於REST的api公開數據。

當然,這些連接器可以與我們的其他特定產品如Data Engine結合使用,以實現高性能的內存數據緩存和分析。

藉助 ComponentOne 的數據引擎和數據連接器,您可以連接和合併來自不同數據源的數據,並在內存中快速分析數據,在幾秒鐘內查詢數百萬條記錄。

以上,就是 ComponentOne 全平臺的更新特性。下面,我將就 WinForms、PDF、ASP.NET Core 等平臺的更新特性做出說明。

ComponentOne 針對 WinForms 平臺的更新

可構建複雜的過濾器表達式 – FilterEditor 組件

FilterEditor組件共享 DataFilter 引擎,使最終用戶能夠輕鬆的構建基於類別的AND / OR過濾器表達式。

該組件可以綁定到數據源,並提供可視化選項,創建基於可用欄位的表達式,同時,您也可以使用AND / OR運算符和一組可用過濾器的組合來創建複雜表達式。

解析和使用公式表達式 - CalcEngine 組件

使用CalcEngine for .NET Standard可以用來解析公式表達式,如Microsoft Excel中的公式,該組件可廣泛應用於以下場景:

  • 進行銷售預測、並計算銷售額
  • Microsoft Excel中的數據加載到數據網格中,並在單元格中顯示計算值
  • 可使用變量評估代數表達式、數學函數和公式
  • 執行CrossSheet引用和計算

FlexGrid表格組件的功能增強

    1. 優化了錯誤驗證提示

FlexGrid的錯誤驗證功能因為增加了數據驗證類型(如必填項、字符長度、範圍、比較值等),而變得更加強大。

我們在FlexGrid列中添加了EditorValidation集合屬性,可用於驗證編輯器值,該集合包括RequiredRule、StringLengthRule、RangeRule和CompareRule 參數。 當您期望在不使用數據注釋強制執行驗證的情況下,EditorValidation功能將會生效。

 

    1. 使用數據虛擬化增量加載數據

ComponentOne 可以使用FlexGrid和DataCollection 庫實現數據虛擬化。

當您需要處理大量數據或通過網絡處理數據時,此功能將有助於提高您的工作效率。 FlexGrid 通過綁定到VirtualDataCollection,支持從數據源中異步獲取數據。 DataCollection是基於.NET standard的功能集合,該集合支持分組、篩選、排序、數據虛擬化以及特殊功能等。


 

FlexPivot 數據分析組件的功能增強

  1. FlexPivotChart:新增對FlexChart圖表的支持

您現在可以使用FlexPivotChart中的FlexCharts來完成數據可視分析。

注意:從這個版本開始,C1FlexPivotChart和C1FlexPivotPage控制項將成為舊版控制項,不過我們仍將繼續對這些舊版控制項提供支持。

 

  1. 使用TopN和BottomN過濾器改進數據分析

這兩個過濾器使您可以從數據中查找排序後的頭部元素和尾部元素。例如,此過濾器可用於查找表現最佳的10個產品或落後的20個銷售區域。

最終用戶可以在運行時通過欄位設置「查找過濾器」使用此功能,另外,還可以通過編程將過濾器應用於「欄位」的「過濾器」屬性。

 

ComponentOne 針對 WPF 平臺的更新

新控制項DataFilter 

WPF平臺下的DataFilter控制項是切片器和智能過濾器UI的組合。

此控制項與WinForms中的DataFilter控制項功能相同,允許用戶根據多種條件過濾數據。它可以綁定到任何數據感知類控制項,如數據網格、列表、樹視圖、圖表、地圖或模型中。

您可以在儀錶板應用程式中使用DataFilter來實現電子商務頁面的數據過濾,如下圖:

 

ComponentOne 針對 ASP.NET Core & MVC 的更新

使用FileManager UI管理雲中的文件

新的FileManager UI控制項與我們的雲存儲Web API集成在一起,您可以對文件執行CRUD操作。 Web API支持雲存儲服務,包括 Azure、Amazong Web服務(AWS)、DropBox、GoogleDrive和OneDrive。

該控制項的UI類似於Windows的文件瀏覽器。它支持通過菜單項來呈現、搜索、移動、上傳、刪除和下載文件。

該控制項在ASP.NET MVC和ASP.NET Core MVC中可用。

使用了轉置網格的新網格控制項 - TransposedGrid

TransposedGrid是FlexGrid控制項的擴展。它使用轉置布局將列表示為數據行,並將每行表示為屬性列。

轉置布局對於比較項目或顯示很少的數據項目(每個項目具有許多屬性)很有用。

比如下圖用於對比手機屬性時,就使用了 TransposedGrid 控制項:

 

FlexGrid 表格組件的功能增強

  1. 超級實用的全文搜索

FlexGrid 可以根據所有列中的數據在網格中搜索過濾結果,此功能還可突出顯示匹配項。

 

  1. 列固定

類似於Excel中的列凍結,您可以「固定或移動」某一列數據。

 

  1. 使用模板自定義單元格

FlexGrid的列新增了一個模板屬性,該屬性支持自定義內容。

「Amount」列下方的行中,使用HTML來根據單元格值為單元格著色。

模板功能可用於在列單元格中顯示任意的HTML內容:

 

  1. 多列排序

ASP.NET Core MVC中的FlexGrid現在可通過單擊列標題執行多列排序。

AllowSorting枚舉屬性中增加了一個新的MultiColumn枚舉,該枚舉允許對網格進行多列排序:

 

  1. 可摺疊列分組

使用FlexGrid,您可以創建分層的列標題。在本次更新中,您可以摺疊這些列分組以達到最小化UI的效果。

 

Multirow 多行網格的功能增強

  1. 分組標題

MultiRow分組標題可讓您確定標題是否應具有多行而不是單標題行。

在組標題中顯示聚合值時,此功能很有用:

 

  1. 標題布局定義

默認情況下,MultiRow控制項對列標題和單元格數據使用相同的布局定義。但是,您可以使用新的headerLayoutDefinition屬性來自定義列標題的布局:

 

ComponentOne 針對 Web API的更新

新的訪問者 Web API

新的 .NET Core Visitor Web API可以收集用戶數據,例如IP、地理位置、語言、引用站點、會話、作業系統、設備和瀏覽器。

對於Web開發人員而言,這項功能為單個用戶定製內容時很有用。

.NET Core支持所有 Web API's

我們在上一版本中引入了用於Excel、BarCode、DataEngine、Cloud Storage的 .NET Core Web API的beta版本。在本次更新中,這些Web API將正式發布,並支持 .NET Core 2.0及更高版本。

同時,我們還添加了許多示例,演示了如何從WinForms、JavaScript(使用TypeScript)和MVC應用程式中使用這些api。

 

以上就是 .NET 組件集  ComponentOne V2020.0 Update1 的全部新特性內容,ComponentOne因其輕盈、穩定、全面的產品架構和功能,受到清華大學、中國黃金、中穀物流、用友、華為等企業用戶的青睞,如果您也對這款「.NET開發的瑞士軍刀」感興趣,歡迎訪問ComponentOne官網,下載試用。

相關焦點

  • .NET組件集Componentone發布更新
    .NET組件集Componentone發布更新 2020年04月08日 20:10作者:黃頁編輯:黃頁 .NET 組件集 ComponentOne
  • ECS之Component組件
    Entity之後,咱們來到了Component組件。Component是ECS架構的三個基本元素之一。Component組件中包含了遊戲或者應用的數據。Entity是組件集合的索引,System包含具體的邏輯行為。
  • ASP.NET Core 和 Blazor 更新 - OSCHINA - 中文開源技術交流社區
    更新內容如下:項目模板更新Visual Studio 中「Create a new project」對話框中的頂級 ASP.NET Core 項目模板不再出現在「Create a new ASP.NET Core web application」對話框中。
  • Blazor教程: 創建一個簡單的TodoList應用
    從<component     type="typeof(App)"> 這一行指明我們首個組件,也即是App.razor.  Iii. 理解App.razor的內容: ,名稱空間,接口等信息全是從該程序集搜索,另外也可以觀察到在blazor中應用組件的模式均使用html形式的標記形式,例如<Router.
  • vue組件詳解—組件通信
    組件之間通信可以用下圖表示:組件關係可分為父子組件通信、兄弟組件通信、跨級組件通信。一、自定義事件當子組件需要向父組件傳遞數據時,就要用到自定義事件。子組件用$emit ()來觸發事件,父組件用$on()來監昕子組件的事件。
  • .NET開發控制項集ComponentOne 新版本加入Blazor UI
    ComponentOne 是一套專注於企業 .NET開發、支持 .NET Core 平臺,並完美集成於 Visual Studio 的第三方控制項集,包含 300 多種 .NET 控制項種類,提供表格數據處理、數據可視化、報表、日程安排、輸入和編輯等七大功能。本次新版本有一項令無數開發者感到興奮的新特性: ComponentOne加入了全新的UI控制項——Blazor UI。
  • 前端之React實戰-組件
    組件是React的核心概念,React 允許將代碼封裝成組件(component),然後像插入普通 HTML 標籤一樣,在網頁中插入這個組件。React.createClass 方法就用於生成一個組件類。對React應用而言,你需要分割你的頁面,使其成為一個個的組件。也就是說,你的應用是由這些組件組合而成的。你可以通過分割組件的方式去開發複雜的頁面或某個功能區塊,並且組件是可以被復用的。
  • vue組件詳解—組件與復用
    如:<div id="app1"><my-component></my-component></div>Vue.component('my-component',{
  • Vue.js 3.0 組件是如何渲染為 DOM 的?
    container) return const component = app._component if (!isFunction(component) && !component.render && !compo
  • 詳解vue組件三大核心概念
    props的值,但如果子組件想修改數據並且同步更新到父組件,卻無濟於事。所謂數據驅動,是指視圖是由數據驅動生成的,我們對視圖的修改,不會直接操作 DOM,而是通過修改數據,其流程如下:用戶執行某個操作 -> 反饋到 VM 處理(可以導致 Model 變動) -> VM 層改變,通過綁定關係直接更新頁面對應位置的數據可以簡單地理解:數據驅動不是操作節點的,而是通過虛擬的抽象數據層來直接更新頁面
  • Web Component組件化
    你可能聽過一些框架例如:Vue/React,你也可能會知道一些組件庫例如: Element-UI/Ant Design.拿Vue舉例,每一個.vue文件就是一個組件,其中每一個.vue文件中都會有一個模板<template>,最終代碼會將這些模板壓縮打包在一起形成一個.html文件拿Element來說,每一個組件就是一個Web Component,可以多個合用,多次復用
  • Steps 組件的設計與實現
    先來看下 Steps 組件的最終呈現效果,數據展示,並帶有一些流程性的邏輯。vnode.componentInstance).map((node) => node.componentInstance);this.updateChildProps(true);首先通過 this.$slots.default 獲取到所有的子組件,然後在 updateChildProps 中遍歷 this.steps ,並根據父組件的屬性信息更新子組件。
  • 動手創建一個微信小程序的組件
    js 為進行處理回調,以及頁面數據綁定的文件自定義組件使用自定義組件,將頁面的功能抽象成為組件,在不同的頁面中重複使用,將複雜的頁面抽象成為多個模塊。即達到高內聚,低耦合的目標。innerText: { type: String, value: '默認文字', } }, data: { // 這裡是一些組件內部數據 someData: {} }, methods: { // 這裡是一個自定義方法 customMethod: function () { } }})使用component函數進行設置ps 這裡需要重要component為大寫。
  • Vue.js——60分鐘組件快速入門(上篇)
    這意味著不能並且不應該在子組件的模板內直接引用父組件的數據。可以使用 props 把數據傳給子組件。props基礎示例下面的代碼定義了一個子組件my-component,在Vue實例中定義了data選項。
  • Vue.js:60分鐘組件快速入門(上篇)
    這意味著不能並且不應該在子組件的模板內直接引用父組件的數據。可以使用 props 把數據傳給子組件。  1   props基礎示例下面的代碼定義了一個子組件my-component,在Vue實例中定義了data選項。
  • Vue組件的通信--eventBus
    關注 Vue社區,回復「加群」加入我們一起學習,天天進步有時,我們需要一種快速簡便的解決方案來在Vue.js兄弟組件之間傳遞數據在這裡,我們有一個同時導入Vue和EventBus的組件。emitMethod()調用組件的方法時,它將按名稱發出一個新事件EVENT_NAME,並將有效負載與之一起傳遞。// component-a.jsimport Vue from 'vue';import EventBus from '.
  • 詳解微信小程序自定義組件(一)
    'hello world' } }, /** * 組件的初始數據 */ data: { }, /** * 組件的方法列表 */ methods: { }})完成對組件的初始化,包括設置屬性列表,初始化數據,以及設置相關的方法。
  • 開發控制項集 ComponentOne .NET 2019V2:新增.NET Core數據引擎
    >>ComponentOne .NET開發控制項集2019V2下載地址ComponentOne .NET開發控制項集 2019V2 將從以下三個方面闡述版本功能以及更新特性: ComponentOne 2019V2 新增的 .NET開發控制項及功能 ComponentOne 中已有控制項增強
  • 【Vue.js 入門到實戰教程】09-Vue 組件插槽 | 父子組件間的內容分發和插槽作用域
    說到這裡,我們可以引用一張 Vue 官網提供的組件架構圖,實際上,一個 Vue.js 應用就是基於下面這樣的一個組件樹來組織和管理頁面元素的:我們可以把全局 Vue 實例看作一個最頂層的隱式組件,其他組件都是通過 Vue.component 在此基礎上註冊,並且這些組件之間可以相互嵌套、內容分發、數據傳遞以及事件通知來建立聯繫,從而通過一個個小組件自下而上層層疊加,最終構建出複雜的頁面布局和功能模塊
  • React 中高階函數與高階組件(上)
    前言React 中最大的一亮點,就是組件化開發模式,而編寫 React 組件,對於無狀態的組件,我們可以用函數式組件編寫,而複雜的組件(聰明組件/外層組件)可以用類class編寫組件在 React 中提到了高階函數與高階組件,一直以來,對它們都是持以仰望的,逼格高的詞調,常常把自己給整暈的