jQueryのR12020 SP1試用版ダウンロードのための剣道UI
剣道UIの最新のオファーjQueryのための剣道UI、角度のための剣道UI、リアクトのための剣道UIをサポートしてVueのための剣道UIをサポート 4つのコントロール。jQueryのための剣道UIは、最新のWebアプリケーションの最も完全なUIライブラリを作成することです。
本論文では、グリッドを選択し無効にするには、デフォルトでは、jQueryのデータ管理のための選択機能剣道UIを使用する方法について説明します。
注:グリッドのパフォーマンスを向上させ、選択を可能にするために、合理的な改ページとページサイズを使用して多数のプロジェクトをレンダリング。
はじめに
グリッドオプションの機能を有効にするには、trueに設定されている選択可能なオプションを設定し、その結果は、デフォルトの1ラインオプションを適用します。
$( "#グリッド")kendoGrid({ 選択:真、 //その他の構成 })。
図1:行選択グリッドを有効にします
選択モード
グリッドは、次の選択モードをサポートしています。
- チェックボックスの列を選択
- 単一の行を選択します
- 複数の行を選択します
- 個々のセル選択
- セル選択の複数
注意:
- グリッドは、内蔵のボックス使用してサポートしていません - 列の選択をしてから選択する選択可能なオプションを使用して有効。
- グリッドは、フィルタリング、ソート、編集またはバーチャルスクロール、ページングが発生した場合に、ある行の選択を、持続再バインドする、persistSelection性を可能にします。
チェックボックスの列を選択
R2開始から2017 SP1バージョン、グリッドは、チェックボックス列を提示することによって、多くのオプションを設定するオプションを提供します。チェックボックスの列が選択可能にするには、columns.selectableプロパティを設定します。選択可能な属性は、カラムがまた、タイトルにチェックボックスが表示されます、そしてあなたは、現在のページ上のすべての行を選択し、選択解除することができます有効。
。$( "#グリッド")kendoGrid({ カラム:[ {選択:真}、 {フィールド: "名前"} ]、 データソース:[{名: "ジェーン・ドウ"}、{名: "ジョン・ドウ"}] });
単一の行を選択します
選択可能な機能の「行」:同じ真の機能のデフォルト設定オプションを選択ライン、選択を選択することで、単一の行を有効にします。
。$( "#グリッド")kendoGrid({ 選択: "行"、 //その他の構成 })。
複数の行を選択します
選択可能な設定の複数の行を設定するグリッドの複数の行の選択を可能にするために、あなたは、複数行の選択を可能にする、ユーザが複数の行を選択するためにドラッグできます。
$( "#グリッド")kendoGrid({ 選択: "複数行"、 //その他の構成 })。
個々のセル選択
選択可能なセルを設定するために、単一のグリッドセルの選択を可能にします。
$( "#グリッド")kendoGrid。({ 選択: "セル"、 //その他の構成 })。
セル選択の複数
グリッドセルの複数の選択を可能にするために、選択可能な複数のセルを設定します。セル選択の複数の有効化、ユーザがドラッグすることによって、複数のセルを選択してもよいです。
$( "#グリッド")kendoGrid。({ 選択: "複数の細胞"、 //その他の構成 })。