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