XCO-JS
1. 項(xiàng)目簡介
此項(xiàng)目為XCO的JavaScript實(shí)現(xiàn)版本厅篓，并提供基于Jquery的異步請求訪問工具。
- xco.js: xco的js版本
- xco.jquery.js: 基于Jquery的xco請求擴(kuò)展
- xco.template.js: 一個(gè)基于xco的的模板工具
2. 版本更新說明
- 提供xco的的模板工具
- xco.js提供ognl的訪問方式
3. xco異步請求使用說明
- 加入JS引用
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="xco.js"></script>
<script type="text/javascript" src="xco.jquery.js"></script>
- JS代碼調(diào)用
function doPostAjax() {
var xco = new XCO();
xco.setIntegerValue("id", 10);
xco.setStringValue("name", "中國");
var options = {
url : "http://xxx.yyy.com/x.xco",
data : xco,
success : doCallBack
};
$.doXcoRequest(options);
}
function doCallBack(data) {
alert('doCallBack:\n' + data);
}
4. xco模板使用說明
- HTML中定義模板
<ul id="container">
<!--<li>name:#{dataList[i]}, URL:@{op}</li>-->
</ul>
- JS代碼中填充數(shù)據(jù)
<SCRIPT src="/js/xco.js" type="text/javascript"></SCRIPT>
<SCRIPT src="/js/xco.template.js" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript">
var xco = new XCO();
var dataList = [ 'a', 'b', 'c' ];
xco.setStringArrayValue("dataList", dataList);
var extendedFunction = {
op : function() {
return '<a href="/' + xco.get('dataList[i]') + '">查看詳情</a>';
}
};
var html = '';
for (var i = 0; i < dataList.length; i++) {
xco.setIntegerValue("i", i);
html += XCOTemplate.execute("container", xco, extendedFunction);
}
document.getElementById("container").innerHTML = html;
</SCRIPT>
- 說明
#{dataList[i]}表示數(shù)據(jù)綁定绩社，@{op}表示函數(shù)調(diào)用。
5. xco.js之ognl訪問
xco.get('a');
xco.get('a.b.c');
xco.get('a[0]');
xco.get('a[0].b.c');
6. 相關(guān)資料
XCO資料可參考: https://github.com/xsonorg/xco
XCO控制器資料可參考: https://github.com/xsonorg/web
