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, CR
bodyContent
id, pageContext
EVAL_BODY_BUFFERED, EVAL_BODY_TAG
EVAL_BODY_AGAIN
EVAL_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, useXssCheck
doInitBody, getBodyContent, getPreviousOut, release, setBodyContent
findAncestorWithClass, getId, getParent, getValue, getValues, removeValue, setId, setPageContext, setParent, setValue
clone, equals, finalize, getClass, hashCode, notify, notifyAll, wait, wait, wait
getParent, setPageContext, setParent
public int doStartTag()
doStartTag
インタフェース内 Tag
doStartTag
クラス内 CommonTagSupport
public int doEndTag()
doEndTag
インタフェース内 Tag
doEndTag
クラス内 CommonTagSupport
protected void release2()
release2
クラス内 CommonTagSupport
public 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
クラス内 CommonTagSupport
Webアプリケーションフレームワーク openGionCopyright (c) 2009 The openGion Project.