- 浏览: 227696 次
- 性别:
- 来自: 上海
最新评论
-
pealing1985:
受教了,,不知道实际的开发中 jquery ui 用的多吗。。 ...
jQuery MiniUI 开发教程 树形控件 树操作:增加、删除、修改、移动(六) -
nikofan:
IE6下没有问题
jQuery MiniUI 开发教程 表格控件 表格编辑:表单编辑(十二) -
hgztx:
这个系列的控件对IE6 的支持怎么样?有没有试过会有内存溢出的 ...
jQuery MiniUI 开发教程 表格控件 表格编辑:表单编辑(十二) -
jacking124:
这个用起来怎么样了,!!
jQuery MiniUI 开发教程 表格控件 表格:过滤行(七) -
masuweng:
界面、按钮都不错!
jQuery MiniUI 开发教程 表单控件 表单:控件尺寸调整(四)
文章列表
Pager:分页控件
参考示例:Pager:分页控件
创建代码
<div class="mini-pager" style="width:600px;background:#ccc;"
totalCount="123" onpagechanged="onPageChanged" sizeList="[5,10,20,100]"
showTotalCount="true"
>
</div>
<s ...
OutlookTree:折叠树
参考示例:OutlookTree:折叠树
创建OutlookTree
<div id="leftTree" class="mini-outlooktree" url="../data/outlooktree.txt" onnodeselect="onNodeSelect"
textField="text" idField="id" parentField="pid">
</div>
数 ...
OutlookMenu:折叠菜单
参考示例:OutlookMenu:折叠菜单
创建OutlookMenu
<div class="mini-outlookmenu" url="../data/outlookmenu.txt" onitemselect="onItemSelect"
idField="id" parentField="pid" textField="text">
</div>
数据结构
[
{ id: "u ...
OutlookBar:折叠面板组
参考示例:OutlookBar:折叠面板组
创建OutlookBar
<div id="outlookbar1" class="mini-outlookbar " activeIndex="0" style="width:180px;height:250px;" autoCollapse="true">
<div title="权限管理">
1
</di ...
Tabs:懒加载页面
参考示例:Tabs:懒加载页面
创建Tabs
<ul id="tree1" class="mini-tree" url="../data/tree.txt" style="width:300px;padding:5px;"
showTreeIcon="true" textField="text" idField="id" >
</ul>
数据结构
通过url返回的数据结构如下:
...
Tabs:选项卡
参考示例:Tabs:选项卡
创建Tabs
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;">
<div title="Tab1">
1
</div>
<div title="Tab2" iconCls="icon-cut" >
...
ContextMenu:右键菜单
参考示例:ContextMenu:右键菜单
创建ContextMenu
<ul id="contextMenu" class="mini-contextmenu" >
<li>
<span >操作</span>
<li iconCls="icon-new" onclick="onItemClick">新建</li>
& ...
菜单:Html标签
参考示例:菜单:Html标签
创建菜单
<ul id="menu2" class="mini-menubar" style="width:100%;">
<li>
<span >文件(F)</span>
<li onclick="onItemClick">
<span >新建</span>
...
普加甘特图是WEB甘特图首选解决方案。适用于构建项目管理、生产排程等进度计划管理软件。支持任意开发平台和数据库。它是JavaScript开发的,无需安装插件,跨浏览器运行。
•JavaScript实现,无需安装插件
•支持Java、.Net、Php等服务端,支持任意数据库
•能与jQuery、ExtJS、YUI、Dojo等第三方框架无缝集成
•兼容IE6+、FireFox、Chrome、Safari等主流浏览器
•支持导入、导出微软Project项目文件
Web甘特图
排程甘特图: 左侧表格区,单元格右上角红色三角块,表示被修改。
[img]http://www.plus ...
菜单
参考示例:菜单
创建菜单
<ul id="menu1" class="mini-menubar" style="width:100%;"
url="../data/listMenu.txt" idField="id" parentField="pid">
</ul>
url数据格式
[
{ id: "1", text: "文件(F)"},
'-',
{ ...
ToolBar:工具栏
参考示例:ToolBar:工具栏
创建工具栏
<div class="mini-toolbar">
<a class="mini-button" iconCls="icon-add">增加</a>
<a class="mini-button" iconCls="icon-edit">修改</a>
<a class="mini-button" iconCls=& ...
TreeGrid:节点拖拽
参考示例: TreeGrid:节点拖拽
创建代码
<div id="treegrid1" class="mini-treegrid" style="width:600px;height:280px;"
url="../data/tasks.txt" showTreeIcon="true"
treeColumn="taskname" idField="UID" parentField=& ...
普加甘特图是WEB甘特图首选解决方案。适用于构建项目管理、生产排程等进度计划管理软件。支持任意开发平台和数据库。它是JavaScript开发的,无需安装插件,跨浏览器运行。
功能特性:
•JavaScript实现,无需安装插件
•支 ...
TreeGrid:绘制单元格
参考示例: TreeGrid:绘制单元格
监听处理"drawcell"事件
使用"drawcell"事件,可以自定义单元格内容、样式、行样式等。
function onDrawCell(e){
var node = e.node,
column = e.column,
field = e.field,
value = e.value;
//格式化日期
if (field == "Finish") {
i ...
TreeGrid:懒加载
参考示例: TreeGrid:懒加载
创建代码
<div id="treegrid1" class="mini-treegrid" style="width:600px;height:250px;"
url="../data/TreeService.aspx?method=LoadNodes" showTreeIcon="true" textField= ...