[Java教程]動態加載頁面數據的小工具 javascript + jQuery (持續更新)
0 2014-05-07 18:00:06
使用該控件，可以根據url，參數，加載html記錄模板(包含json參數對應，以及具體記錄位置Index根據參數描述加載對應的屬性，并可以根據簡單的判斷分支加載對應html或者控件)至列表容器內(JQuery選擇器字符串)
注: 該控件在使用前需引入JQuery框架支持，使用該控件，可極大的減少Ajax列表數據動態加載開發工作的實際工作量。
使用方式：
首先，添加控件引用，并加入Jquery支持
其次，加入需要綁定數據的模版(有兩種方式添加該模版)，可在同一頁面中綁定多個模板。添加模板調用方法 html_tmplt.addCtnr(arguments);arguments詳解：slt, length, temp, url, data, first, end, callbackslt：JQuery selector
length：顯示數量(暫未正式使用)
temp：模版內容
url：請求url地址(該控件會針對此url對數據進行前臺緩存)
data：請求參數
first：在數據迭代前插入的第一項內容
end：在數據迭代后插入的最后一項內容
callback：綁定完成后執行的回調方法在調用添加綁定的方法內部，直接加入字符串格式的模版內容；("#dgReckoningInfo1 tbody", 5,'
{key3}{key1[1:試一下樣式{key1};2:efg]}{GII_Head}', 'handler.ashx', { r: Math.random(), type: "serviceList" });將模版內容放置在一個容器內部，通過dom得到該容器內的模板。
html_tmplt.addCtnr(".pcomment", 10,$("#tmlCommentItm").html(), "getCommentByRelationId.do", { relationId: "1", pageIndex: pageIndex, pageSize: pageSize });
執行綁定數據調用dynamicLoad.init({options});
模板綁定表達式說明：//temp 內置參數說明： // {parmName}為僅根據json內的key替換對應的value 如：{key3}； // {parmName[value1:output1;value2:output2;value3:output3...]} 如：{key1[1:;2:已下載]}； // {[attrName][count1_AttrValue;count2_AttrValue...]} 如：{[style][color:red;color:blue;color;]}；
并可以根據實際情況，添加綁定數據完成后的事件操作，綁定表達式不需區分大小寫。
控件下載地址以及詳細使用方法：https://dljdtc.codeplex.com/
最新版現在已經支持對日期格式化、為每個模板添加回調函數等操作。我會盡快更新最新版，供大家使用。
本文網址：http://www.shaoqun.com/a/90597.html
*特別聲明：以上內容來自于網絡收集，著作權屬原作者所有，如有侵權，請聯系我們：admin@shaoqun.com。
JavaScript
0
