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プラグイン

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

メッセージボックス(メサジェは)、というようにプロンプ​​ト(プロンプト)、進捗状況(進捗状況)とを、警告(アラート)を含む様々なスタイルのメッセージボックスを、提供する(確認)を確認します。 すべてのメッセージボックスが非同期です。 ユーザーは、メッセージボックスと対話するために、コールバック関数の後に何らかのアクションを実行するために使用することができます。

頼ります

  • LinkBut​​tonコントロール
  • プログレスバー

使用法

$ .messager.alert( '警告'、 '警告メッセージ');
$の.messager.confirm( '確認'、 'あなたは、レコードを削除してもよろしいですか?'、関数(R){
    {(R)の場合
		アラート( 'OK');
    }
});

プロパティ

名称 类型 描述 默认值
ok string 确定按钮的文本。 Ok
cancel string 取消按钮的文本。 Cancel

ウェイ

名称 参数 描述
$.messager.show options 在屏幕的右下角显示一个消息窗口,options 参数是一个配置对象:
showType: 定义消息窗口如何显示。可用的值是:null、slide、fade、show。默认是 slide。
showSpeed: 定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。
width:定义消息窗口的宽度。默认是 250。
height:定义消息窗口的高度。默认是 100。
title:头部面板上显示的标题文本。
msg:要显示的消息文本。
style:定义消息窗口的自定义样式。
timeout:如果定义为 0,除非用户关闭,消息窗口将不会关闭。如果定义为非 0 值,消息窗口将在超时后自动关闭。默认是 4 秒。

代码实例:
$.messager.show({
	title:'My Title',
	msg:'Message will be closed after 5 seconds.',
	timeout:5000,
	showType:'slide'
});
// show message window on top center
$.messager.show({
	title:'My Title',
	msg:'Message will be closed after 4 seconds.',
	showType:'show',
	style:{
		right:'',
		top:document.body.scrollTop+document.documentElement.scrollTop,
		bottom:''
	}
});
$.messager.alert title, msg, icon, fn 显示一个警告提示窗口。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
icon:要显示的图标图片。可用的值是:error、question、info、warning。
fn:当窗口关闭时触发的回调函数。

代码实例:
$.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm title, msg, fn 显示一个带"确定"和"取消"按钮的确认消息窗口。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
fn(b):回调函数,当用户点击确认按钮时传递一个 true 参数给函数,否则给它传递一个 false 参数。

代码实例:
$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
	if (r){
		// exit action;
	}
});
$.messager.prompt title, msg, fn 显示一个带"确定"和"取消"按钮的消息窗口,提示用户输入一些文本。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
fn(val):带有用户输入的数值参数的回调函数。

代码实例:
$.messager.prompt('Prompt', 'Please enter your name:', function(r){
	if (r){
		alert('Your name is:' + r);
	}
});
$.messager.progress options or method 显示一个进度的消息窗口。
options 定义如下:
title:显示在头部面板上的标题文本,默认值是 '' 。
msg:消息框的主体文本,默认值是 '' 。
text:显示在进度条里的文本,默认值是 undefined 。
interval:每次进度更新之间以毫秒为单位的时间长度。默认值是 300。

方法定义如下: bar:获取进度条(progressbar)对象。
close:关闭进度窗口。

代码实例:
显示进度消息窗口。
$.messager.progress(); 
现在关闭消息窗口。
$.messager.progress('close');

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