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を使用している場合は、この移行ガイドが役立ちます。



All Articles