原創(chuàng)|使用教程|編輯:郝浩|2013-04-08 13:48:48.000|閱讀 904 次
概述:DXTREME HTML/JS應(yīng)用程序創(chuàng)建了一個(gè)HTML文檔,如果想要在DXTREME應(yīng)用程序中使用第三方j(luò)Query插件,jQuery插件需要找到一個(gè)HTML節(jié)點(diǎn),然后分配給它。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
DXTREME ENTERPRISE HTML/JS應(yīng)用程序創(chuàng)建了一個(gè)HTML文檔,如果想要在DXTREME應(yīng)用程序中使用第三方j(luò)Query插件,jQuery插件需要你找到一個(gè)HTML節(jié)點(diǎn),然后分配給它。所以說用于搜索HTML文件以及在分配一個(gè)組件到文件上(HTML文檔創(chuàng)建好之后)的代碼執(zhí)行是非常重要的。
最簡單的方法就是使用可視化模型事件里的viewShown事件,這個(gè)事件將會(huì)在HTML文檔完全創(chuàng)建之后執(zhí)行。
DxSample.Index = function(params) { return { viewShown: function () { $("#view-port #accordion").accordion(); } }; };
還有另外一種方法,你可以將jQuery插件轉(zhuǎn)換成Knockout綁定。DXTREME HTML / javascript框架提供的函數(shù)registerComponentKoBinding,將會(huì)自動(dòng)的執(zhí)行這個(gè)功能。這個(gè)參數(shù)將會(huì)接受一個(gè)以參數(shù)命名的組件,然后創(chuàng)建一個(gè)相應(yīng)的jQuery內(nèi)部插件,如果引用這個(gè)相應(yīng)的jQuery 插件庫,這個(gè)組件就會(huì)被創(chuàng)建了。
在這里,你可以略微的修改app.js 文件并添加新的功能。比如說,它的名稱可能是 registerCustomComponents,你可以用這個(gè)函數(shù),注冊你將會(huì)在應(yīng)用程序中使用到的所有的自定義組件。
function registerCustomComponents() { var ui = DevExpress.ui; ui.registerComponentKoBinding('accordion'); // register other components }
在所有的代碼執(zhí)行后再執(zhí)行這個(gè)功能,這里有一個(gè)已經(jīng)修改過的app.js文件示例:
window.DxSample = window.DxSample || {}; $(function () { function registerCustomComponents() { var ui = DevExpress.ui; ui.registerComponentKoBinding('accordion'); // register other components } app = new DevExpress.framework.html.HtmlApplication({ ns: DxSample, viewPortNode: document.getElementById("viewPort"), defaultLayout: DxSample.config.defaultLayout, navigation: DxSample.config.navigation }); app.router.register(":view/:id", { view: "Index", id: undefined }); registerCustomComponents(); });
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都控件