1

UIデザインのアイデアを教えてください。

コマンド ボタン (MERGE BUTTON) をクリックするか、コマンド ボタン (MERGE BUTTON) を次の行または特定の行にドラッグ アンド ドロップした後、ドロップ (MERGE BUTTON ドロップ) 行入力テキスト ブランチ列は、MERGE BUTTON 行ブランチ値を取得します。したがって、コマンド ボタン (MERGE BUTTON) をクリックするか、row1 から row2 にドラッグ アンド ドロップしようとすると、row2 の Branch 入力テキストが最初の行の Branch 入力テキスト値を取得します。そして、これら 2 つの列は同じ値を共有し、これら 2 つの列は 1 つの列に変更されます。UIは以下のようになります

ここに生徒を追加ボタン

-------------------------------------------------------------------
 Student No         Student Name            Branch
--------------------------------------------------------------------
 input text1        input text2          input text3    MERGE BUTTON
---------------------------------------------------------------------
 input text1        input text2          input text3    MERGE BUTTON
---------------------------------------------------------------------
 input text1        input text2          input text3    MERGE BUTTON
---------------------------------------------------------------------
 input text1        input text2          input text3    MERGE BUTTON
---------------------------------------------------------------------
                                                            SAVE BUTTON Here

ここでは、1 つのブランチに複数の学生がいます。最初の行の詳細を入力した後。次の行の学生の詳細を追加しようとすると、2 行目の学生も同じブランチが必要になるため、最初の行の MERGE ボタンをクリックまたはドラッグ アンド ドロップして 2 行目に、次に 2 行目のブランチに入力します。テキストは、最初の行の枝の列の値を取得します。MERGE BUTTON は SPLIT BUTTON に変更されました。

UIの後は次のようになります

ADD STUDENT button here
-------------------------------------------------------------------
 Student No         Student Name            Branch
--------------------------------------------------------------------
 student1              name1                              SPLIT BUTTON 

                                            branch1       
 student2              name2                              SPLIT BUTTON

---------------------------------------------------------------------
 student3              name3                branch2       SPLIT BUTTON 
---------------------------------------------------------------------
 student4              name4                branch3       SPLIT BUTTON 
----------------------------------------------------------------------
                                                              SAVE BUTTON Here

行 1 の SPLIT ボタンをクリックしようとすると、ブランチ列にブランチを変更するための入力テキスト ボックスが表示されます。UIの後は以下のようになります

ここに生徒を追加ボタン


 Student No         Student Name            Branch
----------------------------------------------------------------------
 student1              name1                input text    MERGE BUTTON 
----------------------------------------------------------------------                                                 
 student2              name2                branch1       SPLIT BUTTON
---------------------------------------------------------------------
 student3              name3                branch2       SPLIT BUTTON
---------------------------------------------------------------------
 student4              name4                branch3       SPLIT BUTTON
----------------------------------------------------------------------
                                                           SAVE BUTTON Here
4

0 に答える 0