Webix 3.0-新しいパープル

Webix 3.0


どうやら、このフレームワークの開発者は季節の変化に非常に敏感です。 私はWebixの新しいバージョンについて書いていました。 そして、彼らは春の初めか夏の初めに出てきました。 今回、どうやら、秋の不況との戦いの一環として、開発者はメジャーリリースを展開しました。 新しいWebix 3.0では、既におなじみの新機能とバグ修正に加えて、 Webix JetVisual Designerの 2つの革新的な製品が考えられます。 それが何であるのか、なぜ必要なのか、どのように見えるのかを見てみましょう。

ビジュアルデザイナー すべてのあられのドラッグアンドドロップ!


これはどのようなものか、名前から明らかだと思います。 ユーザーインターフェイスのビジュアルデザイナーは、ビジュアルや、単にコードに煩わされたくない人にアピールします。

新しいデザイン

必要なレイアウトをすばやく作成し、必要なウィジェットを追加し、プロパティを変更して、作業コードを取得できます。

プロジェクト

このアプリケーションは現在ベータ版であり、執筆時点では、コードエディターでの自動補完など、いくつかの重要な機能が欠けていました。 しかし、開発者は、作業が非常に活発であり、ビジュアルデザイナーが新しい便利な機能で大きくなりすぎると主張しているので、詳しく調べる価値があります。 このリンクを詳しく見ることができます。

Webix Jet


開発者によると、Webix Jetはマイクロフレームワークであり、その主な目標は、かなり複雑な構造のアプリケーションに関しては開発を簡素化することであり、コードの再利用、ナビゲーション、データの操作などの疑問が生じます。

Webix Jetを使用すると、目的(インターフェイス要素、データの操作)に従ってアプリケーションをモジュールに簡単に分割できます。 一言で言えば、このフレームワークの原則を説明するのはそれほど簡単ではありません。トピックは広範囲にわたるため、別の記事に値するからです。 このかなり詳細なマニュアル (写真付き)に時間を割いて、コンセプトを評価することをお勧めします。

その他のユーティリティ


実際、Webixもアップデートなしで放置されていませんでした。 それらの中で最も興味深いものを見てみましょう。

新しいDataTableコンポーネントプロパティ:サブ行とサブビュー


これらの新しいプロパティは、 DataTableコンポーネントの機能を拡張します )。

リスト項目に重要な(またはそうではない)情報を追加するには、 `subrow`プロパティを使用できます。 次のように使用できます。

{ /*   */ view:"datatable", /*  sub-row */ subrow:"Rating: #rating#, Category: #category#", } 

このコードは、パターンに一致する各アイテムのサブストリングを作成します。

副行

個々のアイテムごとに独自のサブローを作成したり、コンテンツを変更したりできます。 ドキュメントページデモページが含まれています。

`subview`プロパティは同様に機能しますが、この場合、他のコンポーネントをリストアイテムに追加できます。 たとえば、フォームを追加するには、次のコードを使用できます。

  view:"datatable", /*  subview */ subview:{ /*   */ view:"form", elements:[ { /*    */ }, { /*    */} ] }, /*  subview */ on:{ onSubViewCreate:function(view, item){ view.setValues(item); } }, 

その結果、次のようなものを取得できます。

サブビュー

ドキュメントのページはこちらです。

インポートとエクスポート


新しいバージョンには、追加のインポートおよびエクスポート機能があります。

これで、 PDFおよびExcelを表示する機能をアプリケーションに追加できます。 これを行うには、 pdfviewerおよびexcelviewerコンポーネントを使用します 。 これらのデモ( PDFビューアーExcelビューアー)から、これが実際にどのように見えるかを理解できます

また、すべてのデータコンポーネントで利用可能なExcelエクスポートする機能が登場しました。 このデモページで試してみることができます 。 保存したファイルは、他のコンポーネントのデータソースとして使用できます。

PNGエクスポートする機能は、将来使用するためにチャートを保存する必要がある場合に便利です。 デモはこちらです。

結論の代わりに


今回は、フレームワークの適切な機能に関する革新に加えて、開発者は実際、このフレームワークの使用方法についてさらに2つの可能な方法を提案しました。

これらのイノベーションに加えて、他のイノベーションも利用できます。 完全なリストはこのページにあります 。 伝統的に、かなり大きなアップデートとバグ修正のリストが添付されています。

すでにWebixを使用している場合は、この移行ガイドが役立ちます。

Source: https://habr.com/ru/post/J267995/


All Articles