nikofan
- 浏览: 228307 次
- 性别:
- 来自: 上海
-
最新评论
-
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= ...