Tag Archives: DWR

DWR + JQuery plugin datatables 整合

首先要定義一個 datatables 的元件如下：

<table id=”myTable”>
<thead></thead>
<tbody></tbody>
</table>

DWR 比較尷尬的是一般 Ajax 元件都是要你提供一個 URL 他自己會去抓 json 格式資料回來，DWR 沒辦法提供你這樣的 URL，他是直接回傳 javascript 物件給你，幸好 datatables 也可以拿 javascript 物件資料來用。

首先 initialize datatable

$(document).ready(function() {
$(‘#myTable’).dataTable( {
aoColumns: [
{sTitle: “用戶”},
{sTitle: “電話”}
]
} );
} );

再來把 callback 收到的資料塞進 datatable 即可

myDWRInterface.query( {
callback: function(result) {
var dt=$(‘#myTable’).dataTable();
dt.fnClearTable();
dt.fnAddData(result,true);
}
});

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

DWR 整合筆記

首先 下載 jar 檔，放到 web application 的 lib 目錄。接著修改以下設定檔。
web.xml

<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>

<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
dwr.xml

<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE dwr PUBLIC “-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN” “http://getahead.org/dwr/dwr20.dtd”>

<dwr>

<allow>

<create creator=”new” javascript=”myDWRclass”>
<param name=”class” value=”com.amjet.myDWRclass”/>
</create>

</allow>

</dwr>

myDWRclass.java

要有一個 method update 接收 javascript 傳來的 form 輸入資料，對 java 而言是收到一個 key/value map，method 回傳值會放到 callback function 的 argument。
Javascript 傳 form 輸入資料給 java 並接收回傳值

myDWRclass.update(dwr.util.getValues(“myform”), {
callback: function(error_code) {
if ( error_code >= 0 ) {
alert(“儲存成功!”);
} else {
alert(“儲存失敗!”);
}
}
});

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...