jQueryのEasyUIは拡張 - データグリッド行の低下を
jQueryのEasyUIは、拡張します 
使用法
それはデータグリッド-dnd.js 'ファイルが含まれています
ます。<script type = "text / javascriptの" SRC = "データグリッド-dnd.js"> </スクリプト>
ドラッグと配置を有効に
<Tableクラス= "easyui-データグリッド"タイトル= "データグリッド"スタイル= "幅：700px;高さ：250ピクセル、「データ・オプション="
singleSelect：trueの場合、
データ：データ、
onLoadSuccess：関数（）{
$（この）.datagrid（ 'enableDnd'）;
}
">
<THEAD>
<TR>
<Thのデータ・オプション= "フィールド： 'ITEMID'、幅：80">アイテムID </目>
<Thのデータ・オプション= "フィールド：「商品コード」、幅：100">商品</目>
<データ・オプション= Thの "フィールド： 'listprice'、幅：80、整列する： '右'">価格</目>
<Thのデータ・オプションは、= "フィールド： 'unitcost'、幅：80、整列する： '右'">単価</目>
<データ・オプションのTh = "フィールド： 'ATTR1'、幅：250">属性</目>
<Thのデータ・オプション= "フィールド：「ステータス」、幅：60、整列する： '中央'">ステータス</目>
</ TR>
</ THEAD>
</表>
イベント
イベントは、データ・グリッド（データグリッド）から延長し、データグリッド（データグリッド）のためにされている次のイベントが追加されました。
| 名称 | 参数 | 描述 |
|---|---|---|
| onBeforeDrag | row | 当一行的拖拽开始前触发，返回 false 则取消拖拽。 |
| onStartDrag | row | 当开始拖拽一行时触发。 |
| onStopDrag | row | 当停止拖拽一行后触发。 |
| onDragEnter | targetRow, sourceRow | 当拖拽一行进入某允许放置的目标行时触发，返回 false 则取消放置。 |
| onDragOver | targetRow, sourceRow | 当拖拽一行在某允许放置的目标行上时触发，返回 false 则取消放置。 |
| onDragLeave | targetRow, sourceRow | 当拖拽一行离开某允许放置的目标行时触发。 |
| onBeforeDrop | targetRow,sourceRow,point |
当一行被放置前触发，返回 false 则取消放置。 targetRow：放置的目标行。 sourceRow：拖拽的源行。 point：指示放置的位置，可能的值：'top' 或 'bottom'。 |
| onDrop | targetRow,sourceRow,point |
当一行被放置时触发。 targetRow：放置的目标行。 sourceRow：拖拽的源行。 point：指示放置的位置，可能的值：'top' 或 'bottom'。 |
ウェイ
方法は、データグリッド（データグリッド）から延びています。
| 名称 | 参数 | 描述 |
|---|---|---|
| enableDnd | index |
启用行的拖拽与放置。 'index' 参数指示要被拖拽与放置的行。 如果该参数未指定，则拖拽与放置所有行。 代码实例：
$('#dg').datagrid('enableDnd', 1); // enable dragging on second row
$('#dg').datagrid('enableDnd'); // enable dragging all rows
|
jQueryのEasyUI例をダウンロード
jquery-easyui-datagrid-dnd.zip
jQueryのEasyUIは、拡張します