IT驿站

当前位置: 首页

jQuery EasyUI 组合树(ComboTree)用法

星期三,2010 五 12 08:52:21

jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多，只是在显示上有点差别：一个显示成树状结构，一个显示成列表结构。下面来介绍一下组合树(ComboTree)用法的详细用法：（查看演示）

HTML代码

<select id="cc" style="width:200px;"></select>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里插入下面的代码即可：阅读全文

依洋 | Javascript | [6] | 浏览: 6,488次

jQuery EasyUI 组合框(ComboBox)用法

星期二,2010 五 11 08:19:16

jQuery EasyUI 组合框(ComboBox)可以把一些HTML控件组合成一个控件，从而达到我们所期望的效果，下面介绍一下组合框详细用法：（查看演示）

HTML代码：首先要定义个select

<select id="cc" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>

依洋 | Javascript | [4] | 浏览: 8,106次

jQuery EasyUI 表单(Form)用法

星期一,2010 五 10 15:26:27

jQuery EasyUI里表单(Form)的用法和jQuery里AJAX的用法差不多，下面介绍一下具体用法：

HTML代码：

<form id="ff" method="post">
...
</form>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里插入下面的代码即可：
如果想使表单变成AJAX提交：

$('#ff').form({
url:...,
onSubmit: function(){
// do some check
// return false to prevent submit;
},
success:function(data){
alert(data)
}
});

依洋 | Javascript | [4] | 浏览: 6,368次

jQuery EasyUI 分割按钮(SplitButton)用法

星期一,2010 五 3 07:24:42

这里介绍一下分割按钮(SplitButton)用法以及参数，它的用法和菜单按钮基本一致，首先我们可以先看一下分割按钮可以做什么，下图就是一个布局的实例。（查看演示）

同样我们来通过一个小例子来学习一下这些参数，HTML代码如下：

<a href="javascript:void(0)" id="sb" icon="icon-ok" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
<div icon="icon-ok">Ok</div>
<div icon="icon-cancel">Cancel</div>
</div>

依洋 | Javascript | [10] | 浏览: 2,453次

jQuery EasyUI 菜单按钮(MenuButton)用法

星期天,2010 五 2 07:11:11

这里介绍一下菜单按钮(MenuButton)用法以及参数，首先我们可以先看一下菜单按钮可以做什么，下图就是一个布局的实例。（查看演示）

同样我们来通过一个小例子来学习一下这些参数，HTML代码如下：

<a href="javascript:void(0)" id="mb" icon="icon-edit">Edit</a>
<div id="mm" style="width:150px;">
<div icon="icon-undo">Undo</div>
<div icon="icon-redo">Redo</div>
<div class="menu-sep"></div>
<div>Cut</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div icon="icon-remove">Delete</div>
<div>Select All</div>
</div>

依洋 | Javascript | [2] | 浏览: 3,167次

jQuery EasyUI 链接按钮(LinkButton)用法

星期五,2010 四 30 07:42:55

这篇介绍一下链接按钮(LinkButton)用法以及参数，首先我们可以先看一下链接按钮的显示效果，下图就是一个布局的实例。（查看演示）

同样我们来通过一个小例子来学习一下这些参数，HTML代码如下：

<a href="#" id="btn" icon="icon-search">easyui</a>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里添加一行代码来生成面板：

$('#btn').linkbutton(options);

依洋 | Javascript | [0] | 浏览: 3,308次

8/29第一页上一页 5 6 789 10 11 下一页最后一页