ligerui源碼
『壹』 ligerUI中ligerDialog和ligerWindow的區別
從API來看,它們之間視乎沒有根本性的區別,下面看對比圖,
$.ligerDialog.open=function(p)
{
//實例化一個l.controls.Dialog對象
//內部可以追述到第33行,使用liger.run()函數構造Dialog實例
return$.ligerDialog(p);
};
$.ligerDialog.close=function()
{
//根據Dialog類型查到到所有的dialog實例對象
vardialogs=l.find(l.controls.Dialog.prototype.__getType());
//循環每一個dialog實例並銷毀
for(variindialogs)
{
vard=dialogs[i];
d.destroy.ligerDefer(d,5);
}
//隱藏遮罩層
//在ligerUI中,所有的窗口使用的是一個全局的mask
//相關代碼可以看js/core/base.js598行
l.win.unmask();
};
$.ligerDialog.show=function(p)
{
vardialogs=l.find(l.controls.Dialog.prototype.__getType());
if(dialogs.length)
{
for(variindialogs)
{
//如果已經存在dialog實例,那麼就直接使用實例對象
//顯示已存在的dialog,並返回
dialogs[i].show();
return;
}
}
//如果不存在dialog實例,則初始化一個實例並返回
return$.ligerDialog(p);
};
$.ligerDialog.hide=function()
{
vardialogs=l.find(l.controls.Dialog.prototype.__getType());
//隱藏dialog實例也是相同的方式
for(variindialogs)
{
vard=dialogs[i];
d.hide();
}
};
$.ligerDialog.tip=function(options)
{
//初始化選項參數
options=$.extend({
showType:'slide',
width:240,
modal:false,
height:100
},options||{});
$.extend(options,{
fixedType:'se',
type:'none',
isDrag:false,
isResize:false,
showMax:false,
showToggle:false,
showMin:false
});
//構造一個Dialog實例
return$.ligerDialog.open(options);
};
根據上面的代碼解讀,結論就很清晰了:
Dialog是一個單例對象,不建議繼承與擴展
Window是多例類,允許繼承並擴展
我覺得ligerUI對Window的設計沒有 Ext 設計得好,Dialog應作為Window的一個單例對象才相對合理,Ext就是這么做的。有興趣的話,可以了解下Ext,Ext是目前我認為前端UI組件化設計得最好的一個框架。
『貳』 請問市場上大多數開源前台框架bootstrap、easyUI、 ligerUI等,這些框架有哪些共同點啊
bootstrap是全能的,重量級的,提供的功能比後兩者豐富的多,也復雜的多。第三個我第一次聽說。
第二個easyui是輕量級的,比jquery ui多了內置的與後台交互的部分,jquery ui更偏向於純粹的前端處理。easyui我用過,挺好用的,CMS系統需要的都能提供。
第三個沒聽過,第一次聽說。
1 這種前端UI是封裝了很多的東西,讓你以很簡單的調用就能實現較為復雜的UI效果。
你可以自己處理事件,最簡單的就是tree,你點擊時獲得URL,在右側打開URL的內容。
兩種做法,一種是調用UI的單機事件,得到控制項傳遞過來的conent,包括了URL等信息,你很容易就能做一些自己想要做的事。
另一種是用.class的選擇器,寫一溜,獲取到html中的內容,跟控制項沒有任何關系。復雜。但是很多人都這么用,因為第一種用法需要一定的學習時間,哪怕只是兩個小時。
再比如控制項提供的button,你可以通過button的屬性,定義單機事件,你也可以自己加一個ID,自己用jquery綁定單機事件,或者html中加onclick。三種都可以。但是第一種是與控制項互動式的,單擊時會提供一些特定的參數,幫助你做一些事情。
2 不是,你也可以自己加一些css樣式,自己打上class,自己控制某些東西。用於實現某些特定的效果。
只是你既然用了這種東西,就代表了前端實力較弱,否則不會用這種東西的。那麼對於CSS的處理也不夠強。
你用別人的東西,也就意味著如果要自己修改,則會比較困難,無法做到隨心所欲,你要看別人的源碼。
他們都不是開源的。。
『叄』 jquery ui框架 哪個好
、官方的ui,就算了,css不符合國人的風格,需要自己寫css,有充足的時間可以嘗試。
2、easyui,目前版本還不錯,bug變少了很多,如果是快速開發的項目,可以使用,唯一不足的就是原代碼不是完美的開放,官網需要 翻|牆 才能訪問。
3、LigerUI,曾經比較看好這個,源代碼開發,但是作者N久沒有更新了。bug也很多,都沒有修復。
4、dwz,這個也不錯,速度快。但是文檔不夠齊全,開發有點難度。不過一直在更新,個人比較看好這個以後的發展。
『肆』 jquery ligerui,JSP,改變div title的值 JSP源代碼為 <div pos
document.getElementById("div1").title="老師信息表";
document.getElementById("div1").innerHtml="老師信息表";
『伍』 ligerui的grid分組怎麼設置成默認展開
我幫你查看了下源碼和API,目前貌似沒有辦法做到。 相關源碼行是ligerGrid.js 2795行
『陸』 求基於LigerUI前端技術實現的管理平台的視頻教程39課時
基於LigerUI前端技術實現的管理平台視頻教程:密碼:84ja