public class DragViewTag extends CommonTagSupport
jQueryのdraggableを使用したオブジェクトの移動を行う、View を設定します。
viewFormType="CustomData" の BODY 部に記述された、class="dragDiv"(固定) を持った、
DIV要素をドラッグするための、各種情報を提供します。
dragViewタグは、view タグの上位に記述し、class="dragView"(固定)のレイアウトのCSS とともに、
必要な情報を出力して、JQeury の引数が受け取れる形の DIVタグを生成します。
また、オブジェクトの移動は、jQueryの ajax により、リアルタイムに JSP を呼び出すことで、
データベースの書き込みをサポートします。
og:dragView : viewタグの上位に位置して、cssと、パラメータ用のdivタグを生成します。
og:dragDiv : viewタグの tbody に書き込む、簡易的な文字列生成用のタグです。
common/dragSelect.jsp : GE18 の select文(scope="session")
common/dragUpdate.jsp : jQueryからドラッグ終了時点でajxaで呼び出される、標準のjspファイル
この中で、GE18(位置情報管理テーブル)に位置情報が書き込まれます。
common/jquery/dragView.js :jQueryのdraggable 本体。$(function(){$(".dragDiv").draggable({・・・・})});
dragBox.js と、dragUpdate.jsp を独自に修正すれば、自前のテーブルに位置情報を書き込むことも可能です。 ●形式:<og:dragView><og:view ・・・ /></og:dragView>
●body:あり(EVAL_BODY_INCLUDE:BODYをインクルードし、{@XXXX} は解析しません)
●Tag定義:
<og:dragView
url 【TAG】ドラッグ後に呼び出す jspファイルのアドレス(初期値:/jsp/common/dragUpdate.jsp)
grid 【TAG】ドラッグ時にオブジェクトが動けるグリッドを指定します(初期値:10,10)
width 【CSS】Viewを囲うdivのCSS(dragView)のwidth属性(初期値:100%)
height 【CSS】Viewを囲うdivのCSS(dragView)のheight属性(初期値:100%)
image 【CSS】bgImage(background-image属性)のurlの引数の値
background 【CSS】Viewを囲うdivのCSS(dragView)のbackground属性
bgColor 【CSS】Viewを囲うdivのCSS(dragView)のbackground-color属性
bgSize 【CSS】Viewを囲うdivのCSS(dragView)のbackground-size属性(初期値:800px)
bgImage 【CSS】Viewを囲うdivのCSS(dragView)のbackground-image属性
bgRepeat 【CSS】Viewを囲うdivのCSS(dragView)のbackground-repeat属性(初期値:no-repeat)
bgPosition 【CSS】Viewを囲うdivのCSS(dragView)のbackground-position属性
zoom 【CSS】ドラッグ要素のCSS(dragDiv)に適用する拡大、縮小の倍率
id 【HTML】Viewを囲うdiv要素に対して固有の名前(id)をつける場合に設定します
style 【HTML】Viewを囲うdiv要素に適用させるスタイルシート(style)を設定します
optionAttributes 【TAG】Viewを囲うdiv要素にそのまま追記する属性
caseKey 【TAG】このタグ自体を利用するかどうかの条件キーを指定します(初期値:null)
caseVal 【TAG】このタグ自体を利用するかどうかの条件値を指定します(初期値:null)
caseNN 【TAG】指定の値が、null/ゼロ文字列 でない場合(Not Null=NN)は、このタグは使用されます(初期値:判定しない)
caseNull 【TAG】指定の値が、null/ゼロ文字列 の場合は、このタグは使用されます(初期値:判定しない)
caseIf 【TAG】指定の値が、true/TRUE文字列の場合は、このタグは使用されます(初期値:判定しない)
debug 【TAG】デバッグ情報を出力するかどうか[true/false]を指定します(初期値:false)
> ... Body ...
</og:dragView>
●使用例
※ Select ・・・ from GE18 A {@JOIN_SQL} where ・・・ をincludeします。
<og:value key="JOIN_SQL" >
left outer join DBXX B on A.LOC_GRP=B.GRP and A.LOC_KEY=B.KEY
</og:value>
<jsp:directive.include file="/jsp/common/dragSelect.jsp" />
※ カラムに必要なマーカーを追加します。ここでは、ICON にイメージ画像を設定していますが、viewのBODY部でもかまいません。
<og:viewMarker command="{@command}">
<og:columnMarker column="ICON">
<img src="image/[LOC_GRP]/[ICON]" width="50px" title="[LABEL_NAME]" />
</og:columnMarker>
</og:viewMarker>
※ dragView のなかに、viewタグで、viewFormType="CustomData" のデータを作成します。
<og:dragView>
<og:view
viewFormType = "CustomData"
command = "{@command}"
writable = "false"
useScrollBar = "false"
numberType = "delete"
bgColorCycle = "1"
useHilightRow = "false"
>
※ tbody のなかの、dibタグが、ドラッグ可能になり、left:[LOC_COL]px; top:[LOC_ROW]px; が位置になります。
<og:tbody rowspan="1" >
<div class="dragDiv" id="[UNIQ]" style="left:[LOC_COL]px; top:[LOC_ROW]px;" >[ICON]</div>
</og:tbody>
</og:view>
</og:dragView>
●使用例
※ tbody の中を、og:dragDiv にした場合。
<og:dragView>
<og:view
viewFormType = "CustomData"
・・・
>
<og:tbody rowspan="1" >
<og:dragDiv >[ICON]</og:dragDiv>
</og:tbody>
</og:view>
</og:dragView>BR, BUFFER_MIDDLE, CRbodyContentid, pageContextEVAL_BODY_BUFFERED, EVAL_BODY_TAGEVAL_BODY_AGAINEVAL_BODY_INCLUDE, EVAL_PAGE, SKIP_BODY, SKIP_PAGE| コンストラクタと説明 |
|---|
DragViewTag()
デフォルトコンストラクター
|
| 修飾子とタイプ | メソッドと説明 |
|---|---|
int |
doEndTag()
Taglibの終了タグが見つかったときに処理する doEndTag() を オーバーライドします。
|
int |
doStartTag()
Taglibの開始タグが見つかったときに処理する doStartTag() を オーバーライドします。
|
protected void |
release2()
タグリブオブジェクトをリリースします。
|
void |
setBackground(java.lang.String background)
【CSS】Viewを囲うdivのCSS(dragView)のbackground属性。
|
void |
setBgColor(java.lang.String bgColor)
【CSS】Viewを囲うdivのCSS(dragView)のbackground-color属性。
|
void |
setBgImage(java.lang.String bgImage)
【CSS】Viewを囲うdivのCSS(dragView)のbackground-image属性。
|
void |
setBgPosition(java.lang.String bgPosition)
【CSS】Viewを囲うdivのCSS(dragView)のbackground-position属性。
|
void |
setBgRepeat(java.lang.String bgRepeat)
【CSS】Viewを囲うdivのCSS(dragView)のbackground-repeat属性(初期値:no-repeat)。
|
void |
setBgSize(java.lang.String bgSize)
【CSS】Viewを囲うdivのCSS(dragView)のbackground-size属性(初期値:800px)。
|
void |
setGrid(java.lang.String grid)
【TAG】ドラッグ時にオブジェクトが動けるグリッドを指定します(初期値:10,10)。
|
void |
setHeight(java.lang.String height)
【CSS】Viewを囲うdivのCSS(dragView)のheight属性(初期値:100%)。
|
void |
setImage(java.lang.String image)
【CSS】Viewを囲うdivのCSS(dragView)のbackground-image属性のurlの引数の値。
|
void |
setOptionAttributes(java.lang.String optionAttributes)
【TAG】JavaScript などの HTML基本タグ以外の属性を、そのままタグとして使用します。
|
void |
setUrl(java.lang.String url)
【TAG】ドラッグ後に呼び出す jspファイルのアドレス(初期値:/jsp/common/dragUpdate.jsp)。
|
void |
setWidth(java.lang.String width)
【CSS】Viewを囲うdivのCSS(dragView)のwidth属性(初期値:100%)。
|
void |
setZoom(java.lang.String zoom)
【CSS】ドラッグ要素のCSS(dragDiv)に適用する拡大、縮小の倍率。
|
java.lang.String |
toString()
このオブジェクトの文字列表現を返します。
|
add, add, addEventColumn, addEventColumn, check, commitTableObject, debugPrint, doAfterBody, doCatch, doFinally, get, getApplicationInfo, getAttributes, getBodyRawString, getBodyString, getContextAttribute, getContextPath, getCookie, getCSVParameter, getCSVParameter, getDataCondition, getDateFormat, getDBColumn, getDBFunctionName, getDocumentLink, getGUIInfo, getGUIInfoAttri, getHostName, getLabel, getLabelInterface, getLanguage, getLASTAttri, getLongLabel, getMsg, getMsglbl, getNVLAttri, getObject, getParameterNames, getParameterRows, getRequest, getRequestAttribute, getRequestCacheData, getRequestMethod, getRequestParameter, getRequestParameterValues, getRequestValue, getRequestValue, getRequestValues, getReservedParameter, getReservedValue, getResource, getSanitizedBodyString, getScope, getSessionAttribute, getSumRequestValue, getTagName, getTransaction, getUser, getUserEditInfo, getUserInfo, isAjaxSubmitRequest, isDebug, isNoTransitionRequest, isNull, jspPrint, makeUrl, removeContextAttribute, removeObject, removeRequestAttribute, removeSessionAttribute, set, setAjaxSubmitRequest, setCaseIf, setCaseKey, setCaseNN, setCaseNull, setCaseVal, setContextAttribute, setCookie, setDebug, setLanguage, setLbl, setNoTransitionRequest, setObject, setObject, setParameterNames, setParameterRows, setRequestAttribute, setRequestCacheData, setScope, setSessionAttribute, setUserInfo, startQueryTransaction, sys, sysBool, sysInt, useMainTrans, useQuotCheck, useTag, useXssCheckdoInitBody, getBodyContent, getPreviousOut, release, setBodyContentfindAncestorWithClass, getId, getParent, getValue, getValues, removeValue, setId, setPageContext, setParent, setValueclone, equals, finalize, getClass, hashCode, notify, notifyAll, wait, wait, waitgetParent, setPageContext, setParentpublic int doStartTag()
doStartTag インタフェース内 TagdoStartTag クラス内 CommonTagSupportpublic int doEndTag()
doEndTag インタフェース内 TagdoEndTag クラス内 CommonTagSupportprotected void release2()
release2 クラス内 CommonTagSupportpublic void setUrl(java.lang.String url)
url - ドラッグ後に呼び出す jspファイルpublic void setGrid(java.lang.String grid)
grid - ドラッグ時にオブジェクトが動けるグリッドpublic void setWidth(java.lang.String width)
width - width属性(初期値:100%)public void setHeight(java.lang.String height)
height - height属性(初期値:100%)public void setImage(java.lang.String image)
image - background-image属性のurlの引数の値setBgImage(String)public void setBackground(java.lang.String background)
background - background属性public void setBgColor(java.lang.String bgColor)
bgColor - background-color属性public void setBgSize(java.lang.String bgSize)
bgSize - background-size属性public void setBgImage(java.lang.String bgImage)
bgImage - background-image属性setImage(String)public void setBgRepeat(java.lang.String bgRepeat)
bgRepeat - background-repeat属性public void setBgPosition(java.lang.String bgPosition)
bgPosition - background-position属性public void setZoom(java.lang.String zoom)
zoom - ドラッグ要素の拡大、縮小の倍率public void setOptionAttributes(java.lang.String optionAttributes)
optionAttributes - オプション属性public java.lang.String toString()
toString クラス内 CommonTagSupportWebアプリケーションフレームワーク openGionCopyright (c) 2009 The openGion Project.