当前位置:首页 » 操作系统 » ligerui源码

ligerui源码

发布时间: 2022-12-23 08:51:36

‘壹’ 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

热点内容
nds服务器ip地址 发布:2025-05-11 12:43:32 浏览:869
舒听澜卓禹安书名叫什么 发布:2025-05-11 12:36:44 浏览:268
java开发web应用 发布:2025-05-11 12:35:51 浏览:696
鲨鱼影视怎么缓存电视 发布:2025-05-11 12:35:48 浏览:549
ios小项目源码 发布:2025-05-11 12:35:47 浏览:756
为什么打开的三菱程序不能编译 发布:2025-05-11 12:16:40 浏览:21
ftp定价是怎么回事 发布:2025-05-11 12:09:18 浏览:334
android敏捷开发 发布:2025-05-11 11:56:49 浏览:80
脚本pon 发布:2025-05-11 11:52:27 浏览:826
ct5推荐哪个配置 发布:2025-05-11 11:47:45 浏览:742