Latest web development tutorials
×

jQuery EasyUI コース

jQuery EasyUI コース jQuery EasyUI 簡単な紹介

jEasyUI アプリケーション

jEasyUI CRUDアプリケーションの作成 jEasyUI CRUDデータ・グリッドの作成 jEasyUI CRUDアプリケーションのフォーム jEasyUI RSSリーダーを作成します。

jEasyUI ドラッグ・アンド・ドロップ

jEasyUI 基本的なドラッグ・アンド・ドロップ jEasyUI ドロップのショッピングカートを作成します。 jEasyUI 学校のカリキュラムを作成します。

jEasyUI メニューやボタン

jEasyUI 単純なメニューの作成 jEasyUI リンクボタンを作成します。 jEasyUI メニューボタンを作成します。 jEasyUI 分割ボタンを作成します。

jEasyUI レイアウト

jEasyUI ボーダーレイアウトを作成します。 jEasyUI 複雑なレイアウトを作成します。 jEasyUI 折りたたみパネルを作成します。 jEasyUI タブを作成します。 jEasyUI 動的にタブを追加 jEasyUI 自動再生]タブを追加します。 jEasyUI 左サイドパネルにXPスタイルを作成します。

jEasyUI データグリッド

jEasyUI データグリッドのためのHTML変換テーブル jEasyUI 選択したデータ行を取得します jEasyUI お問い合わせを追加 jEasyUI ツールバーを追加 jEasyUI 複雑なツールバーを作成します。 jEasyUI フリーズ列を設定します jEasyUI 動的変更の列 jEasyUI フォーマット列 jEasyUI 並べ替えを設定します jEasyUI カスタム順序 jEasyUI 列の組合せを作成します。 jEasyUI チェックボックスを追加します。 jEasyUI カスタムのページング jEasyUI インライン編集を有効にします jEasyUI 拡張エディタ jEasyUI カラム操作 jEasyUI マージされたセル jEasyUI カスタムビューを作成します。 jEasyUI フッターの要約を作成します。 jEasyUI 条件設定された行の背景色 jEasyUI プロパティグリッドを作成します。 jEasyUI 拡張された行は、詳細を表示します jEasyUI 下位区分を作成します。 jEasyUI 大量のデータを表示します jEasyUI ページコンポーネントを追加します。

jEasyUI 窓

jEasyUI シンプルなウィンドウを作成します jEasyUI カスタムウィンドウツールバー jEasyUI ウィンドウとレイアウト jEasyUI ダイアログを作成します。 jEasyUI ダイアログボックスをカスタマイズします

jEasyUI ツリーメニュー

jEasyUI ツリーメニューを作成するためにタグを使用 jEasyUI 非同期のツリーメニューを作成します。 jEasyUI ノードツリーメニューを追加 jEasyUI チェックボックスとツリーメニューを作成します。 jEasyUI ツリーメニューコントロールをドラッグ&ドロップ jEasyUI ロードメニューツリーの親/子ノード jEasyUI グリッドベースのツリーを作成します jEasyUI 複雑なツリーのメッシュを作成します。 jEasyUI 動的にロードされた木の格子 jEasyUI ツリーグリッド]タブを追加します。 jEasyUI レイジーローディンググリッドノードツリー

jEasyUI フォーム

jEasyUI 非同期を作成するために、フォームを送信 jEasyUI フォーム認証 jEasyUI ドロップダウンボックスのツリーを作成します。 jEasyUI フォーマット]ドロップダウンボックス jEasyUI [フィルタ]ドロップダウンデータグリッド

jEasyUI リファレンスマニュアル

jQuery EasyUI ウィジェット jQuery EasyUI スプレッド

jQueryのEasyUIベースのプラグイン - ドラッグ可能なドラッグ可能

jQueryのEasyUIプラグイン jQueryのEasyUIプラグイン

$ .fn.draggable.defaultsして、デフォルトのデフォルトを上書きします。

使用法

マーキングによってドラッグ可能(ドラッグ可能な)要素を作成します。

<DIVのID = "DD"クラス= "easyui-ドラッグ可能な「データ・オプション="ハンドル: '#タイトル' "スタイル="幅:100ピクセル、高さ100ピクセル; ">
    <DIVのID = "タイトル"スタイル= "背景:#CCC;">タイトル</ DIV>
</ DIV>

ジャバスクリプトをドラッグ(ドラッグ可能な)要素を作成し使用してください。

<DIVのID = "DD"スタイル= "幅:100ピクセル、高さ100ピクセル;">
    <DIVのID = "タイトル"スタイル= "背景:#CCC;">タイトル</ DIV>
</ DIV>
$( '#D-D')。ドラッグ可能な({
    ハンドル: '#タイトル」
});

プロパティ

名称 类型 描述 默认值
proxy string,function 拖动时要使用的代理元素,设置为 'clone' 时,克隆元素将被用作代理。如果指定一个函数,它必须返回一个 jQuery 对象。
下面的实例演示了如何创建简单的代理对象。
$('.dragitem').draggable({
	proxy: function(source){
		var p = $('<div style="border:1px solid #ccc;width:80px"></div>');
		p.html($(source).html()).appendTo('body');
		return p;
	}
});
null
revert boolean 如果设置为 true,拖动结束后元素将返回它的开始位置。 false
cursor string 拖动时的 css 光标(cursor)。 move
deltaX number 拖动的元素相对于当前光标的 X 轴位置。 null
deltaY number 拖动的元素相对于当前光标的 Y 轴位置。 null
handle selector 启动可拖动(draggable)的处理(handle)。 null
disabled boolean 如果设置为 true,则停止可拖动(draggable)。 false
edge number 能够在其中开始可拖动(draggable)的拖动宽度。 0
axis string 定义拖动元素可在其上移动的轴,可用的值是 'v' 或 'h',当设为 null,将会沿着 'v' 和 'h' 的方向移动。 null

イベント

名称 参数 描述
onBeforeDrag e 拖动前触发,返回 false 就取消拖动。
onStartDrag e 目标对象开始拖动时触发。
onDrag e 拖动期间触发。返回 false 将不进行实际的拖动。
onStopDrag e 拖动停止时触发。

ウェイ

名称 参数 描述
options none 返回选项(options)属性(property)。
proxy none 如果设置了代理(proxy)属性就返回拖动代理(proxy)。
enable none 启用拖动动作。
disable none 禁用拖动动作。

jQueryのEasyUIプラグイン jQueryのEasyUIプラグイン