Introducing React ReExt – Sencha Ext JS Components in React! LEARN MORE

Sencha Ext JS 7.2提供開始のお知らせ

April 8, 2020 141 Views

Ext JS、ExtAngular、ExtReact、ExtWebComponentsおよびツールのバージョン7.2を提供開始いたしました。このリリースでは、コンポーネントの品質とパフォーマンスに関連する製品機能の強化にフォーカスしています。この記事ではExt JS 7.2のアップデート内容を説明します。

Ext JS 7.2のハイライト

Ext JS ModernおよびClassicツールキットの大幅な改善

Senchaは、マーケットをリードするグリッド、ピボットグリッド、およびロックグリッドコンポーネントに多くの改善を行うことに特に重点を置いています。

グリッドについて次の機能を改善

  • Grouping Grid
  • Cell editor
  • Grid view
  • Grid Drag and Drop
  • Stateful Grid
  • Summary section
  • grid editor の Tagfield

コンポーネントとフィールドの次の機能を改善

  • General field
  • Tag field
  • Date field
  • Data binding
  • Combobox field の改善
  • Stateful
  • その他の改善を含む

その他の注目すべき改善は次のとおりです

  • Windowの改善
  • Routerの改善
  • Sencha Architect と Sencha Cmd の改善
  • 使いやすさの改善を目的とする多くのサンプルをfiddle.sencha.comに追加

Ext JS 7.2に加えられたすべての機能追加、機能改善をExtReact、ExAngular、ExtWebComponentsにも継承

  • Web Componentsランタイムの大幅な改善
  • Sencha Webpackプラグインの有無による改善
  • ExtGridのExtReactにJSXレンダラーを追加
  • インスタント作成用の改良されたExtReactテンプレート
  • Webpackを使用しないEWC(ExtWebComponents) 1ファイル構成での使いやすさを改善
  • より速く開発するのに役立つ多くのサンプルをfiddle.sencha.comに追加

新しいコンポーネントのサンプル

どのフレームワークを用いてもSencha Gridは容易に使用できます。改訂されたAPIドキュメントで、グリッドの構成方法に関する例をご覧ください。

ツリー表示の新しいサンプルなどのデータリッチなModernおよびClassicツールキットの使用例

https://fiddle.sencha.com/#fiddle/34ki

ツリーリストとツリーストア

https://fiddle.sencha.com/#fiddle/34kc

Web Componentsのサンプル

Senchaは、構成内容をコピーしてすぐに実行できる、より説得力のあるエキサイティングなサンプルを提供することに重点を置いています。

クリップボードへのコピーなど、Ext JS WebコンポーネントでDOM APIを使用する例

https://fiddle.sencha.com/#fiddle/34fu

DOM APIを使用してユーザーエージェントを取得し、フォームフィールドの値を選択する例

https://fiddle.sencha.com/#fiddle/34l2

カスタムスタイルとツリーフィルタリングを使用して、ツリーをインデックスとして使用する例

https://fiddle.sencha.com/#fiddle/34kp

 

今後の計画

各リリースを通じて、Ext JS ModernおよびClassicツールキットの品質向上と使いやすさの向上を継続的に提供するとともに、生産性を向上させる機能を追加することをお約束します。

私たちのエンジニアリングチームは、多くの品質、パフォーマンス、使いやすさの強化を含むExt JS 7.3を開始しました。目標は、絶えずフィードバックを受けて、製品ロードマップ計画で透明性を保つことです。

利用を開始する

Senchaの目標は、製品をより使いやすく、より使いやすくすることです。7.2を今すぐ使い始めるために次のドキュメントをお読みください。

Ext JS 7.2 にアップグレードする

Ext JS Upgrade Adviserツールは無料で使用でき、最新のExt JSバージョンに移行するためにコード変更が必要な箇所の特定を支援します。ぜひお試しください。

Ext JS 7.2をお試しください

Ext JS 7.2は本日から提供開始しています。次のステップで最初のアプリケーション開発を始められます。

Recommended Articles

Virtual JS Days 2024のハイライト

2024年2月20日~22日、第3回目となる「Virtual JavaScript Days」が開催されました。JavaScript の幅広いトピックを採り上げた数多くのセッションを実施。その内容は、Senchaの最新製品、ReExt、Rapid Ext JSまで多岐にわたり、JavaScriptの最新のサンプルも含まれます。 このカンファレンスでは多くのトピックをカバーしています。Senchaでセールスエンジニアを務めるMarc Gusmano氏は、注目すべきセッションを主催しました。Marc は Sencha の最新製品「ReExt」について、詳細なプレゼンテーションを実施。その機能とメリットを、参加者に理解してもらうべく詳細に説明しました。 カンファレンスは、Senchaのジェネラルマネージャを務めるStephen Strake氏によるキーノートでスタートしました。キーノートでは、会社の将来のビジョンについての洞察を共有しています。世界中から JavaScript 開発者、エンジニア、愛好家が集まるとてもエキサイティングなイベントとなりました。これは、JavaScript エコシステムの最新情報について学ぶユニークな機会と言えます。

JS Frameworks: A Guide to Dodging 10 Common Blunders

Ext JS is one of the most popular JS frameworks for creating interactive websites. However, beginners often face challenges when using it. This guide helps…

JS Frameworks’ Shorthand Syntax for Developers

Looking to make your JS frameworks code simpler and easier to read? JavaScript’s shorthand syntax can help. This blog explores the basics and advanced uses…

JS Frameworks Dynamic UIs: A Guide to Elevating User Interfaces

Today, we will explore the beauty of dynamic UIs in web development. We’re here to show you how to turn plain web pages into exciting…

JS Frameworks: JavaScript for Device Characteristic Detection

In web development, we are always looking to enhance the user experience. One of the best ways to achieve this is by understanding user environments.…

Debugging JS Frameworks: Identify and Fix Errors with Techniques

JavaScript is one of the most flexible programming languages used in web development. However, it comes with major challenges instead of higher complexity and flexibility.…

View More