ExtJSの「チェックボックスグリッド」の実装に取り組んでいます。これは、各行にチェックボックスが付いた単なるテーブルであり、ユーザーは一度に複数のアイテムを操作できます。
以下のような単純なバージョンがありますが、 この実際の例 を参照することをお勧めします。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
上記のリンクされた実際の例を見ると、行のチェックボックスをクリックすると、ユーザーが一度に複数を選択できることがわかります。ただし、行をクリックしても一度に1つしか選択されません。チェックボックスをクリックしていない場合は、Shiftキーまたは修飾キーを押して複数を選択する必要があります。
それで、ここに質問があります:これは、行がクリックされた場合とチェックボックス自体がクリックされた場合にテーブルの動作が異なるようにすることをお勧めしますか?
一方では、行をクリックして他の行の選択を解除するのは自然なことです。しかしその一方で、チェックボックスで多数の行を選択している場合、誤って誤ってクリックして、選択した項目を完全に混乱させることは本当に簡単です。
本当に必要な10個のアイテムをチェックし、誤ってチェックボックスの外側をクリックすると、すべての選択が解除され、1行だけが選択されます。
これは、正確なクリック位置を実現するのがそれほど簡単ではないモバイルデバイスでは特に煩わしくなります。
クリック行が役立つ可能性があるため(1つの行を選択することが一般的な使用法である場合)、非常に小さな変更を提案します。 2つの項目がチェックされている場合は、「行をクリックして現在の行のみを選択する」を無効にします。行をクリックしてチェックを切り替えるかどうかを選択した後、それは必要なものによって異なります。
いいえ。これはSharePointコンサルタントとして私を苛立たせます。テキストをクリックすると、行(テキストがない場所)をクリックする以外のアクションウィンドウが表示されます。テキストではなく行をクリックすると、リボン内のアクションが有効になります。テキストをクリックした場合はそうではありません。
そのため、行、テキスト、またはチェックボックスをクリックして、同じアクションを使用してください。
@ColdCatに同意します。チェックボックス領域の外側で不要なクリックやタッチが発生する可能性が非常に高いため、100個のアイテムを選択した場合、1回のクリックで10分間の選択をすべて失う可能性があります。これは非常に迷惑であり、GUI全体に対して悪い態度を形成します...これはかなりすっきりしています;)
私は本当に本当にこの機能が本当に必要な場合はそれでいいと言います[〜#〜] but [〜#〜]最初に、ユーザーにそれがどのように機能するか、そして彼女がクリックした場合に何が起こるかを正確に示す必要がありますチェックボックスの外。次のような2ステップのチュートリアルのように:
ステップ1.行をチェックするには、対応するチェックボックスをクリックしてください
ステップ2.選択したすべての行の選択を解除するには、いずれかの行をクリックします
そしてあなたの質問に答えます:私はこの行動に強く反対です))