- 浏览: 230241 次
- 性别:
- 来自: 上海
-
最新评论
-
pealing1985:
受教了,,不知道实际的开发中 jquery ui 用的多吗。。 ...
jQuery MiniUI 开发教程 树形控件 树操作:增加、删除、修改、移动(六) -
nikofan:
IE6下没有问题
jQuery MiniUI 开发教程 表格控件 表格编辑:表单编辑(十二) -
hgztx:
这个系列的控件对IE6 的支持怎么样?有没有试过会有内存溢出的 ...
jQuery MiniUI 开发教程 表格控件 表格编辑:表单编辑(十二) -
jacking124:
这个用起来怎么样了,!!
jQuery MiniUI 开发教程 表格控件 表格:过滤行(七) -
masuweng:
界面、按钮都不错!
jQuery MiniUI 开发教程 表单控件 表单:控件尺寸调整(四)
文章列表
FileUpload:文件上传控件
参考示例:FileUpload:文件上传控件
创建FileUpload
<input id="fileupload1" class="mini-fileupload" name="Fdata" limitType="*.txt"
flashUrl="swfupload/swfupload.swf"
uploadUrl="upload.aspx"
onuploadsuccess="onUpload ...
RadioButtonList:单选框组
参考示例:RadioButtonList:单选框组
创建RadioButtonList
<div id="rbl" class="mini-radiobuttonlist" repeatItems="2" repeatLayout="table" repeatDirection="vertical"
textField="text" valueField="id" value="cn&q ...
CheckBoxList:复选框组
参考示例:CheckBoxList:复选框组
创建CheckBoxList
<div id="cbl1" class="mini-checkboxlist" repeatItems="3" repeatLayout="table"
textField="text" valueField="id" value="cn,usa" onload="onLoad"
url=" ...
ListBox:列表控件
参考示例:ListBox:列表控件
创建ListBox
<div id="listbox1" class="mini-listbox" style="width:150px;height:100px;"
textField="text" valueField="id"
url="../data/countrys.txt">
</div>
多列
<div id="listbox2&qu ...
CheckBox:复选框
参考示例:CheckBox:复选框
创建CheckBox
<div id="ck1" name="product" class="mini-checkbox" checked="true" text="MiniUI CheckBox" ></div>
TextBoxList:多选输入智能提示框
参考示例:TextBoxList:多选输入智能提示框
创建TextBoxList
<input id="tbl1" class="mini-textboxlist" required="true" style="width:250px;"
url="../data/DataService.aspx?method=FilterCountrys" value="cn,usa" text="中国,美国& ...
AutoComplete:输入智能提示框
参考示例:AutoComplete:输入智能提示框
创建AutoComplete
<input id="tbl1" class="mini-autocomplete" required="true" style="width:200px;"
valueField="id" textField="text"
url="../data/DataService.aspx?method=Filter ...
TreeSelect:树形选择框
参考示例: TreeSelect:树形选择框
创建TreeSelect
<input id="select1" class="mini-treeselect" url="../data/listTree.txt"
textField="text" valueField="id" parentField="pid" />
数据结构[
{id: "base", text: "Bas ...
Spinner:数字输入框
参考示例:Spinner:数字输入框
创建Spinner
<input id="sp1" class="mini-spinner" minValue="200" maxValue="250"/>
DatePicker:日期选择框
参考示例:DatePicker:日期选择框
创建DatePicker
只需要一个id即可创建表单对象:
<input id="date1" class="mini-datepicker" />
Date & Time
<input id="date2" class="mini-datepicker" style="width:200px;" format="yyyy-MM-dd H:mm" showTime= ...
ComboBox:联动选择
参考示例:ComboBox:联动选择
一:创建两个ComboBox
<span>部门</span>
<input id="deptCombo" class="mini-combobox" style="width:150px;" textField="name" valueField="id"
onvaluechanged="onDeptChanged" url="../data/DataSer ...
ComboBox:下拉选择框
参考示例:ComboBox:下拉选择框
创建ComboBox
<input id="combo1" class="mini-combobox" style="width:150px;" textField="text" valueField="id"
url="../data/countrys.txt" value="cn" showNullItem="true" />
多选 ...
TextBox:文本输入框
参考示例:TextBox:文本输入框
创建代码
单行输入框:<input class="mini-textbox" value="0" />
密码输入框:<input class="mini-password" value="12345" />
多行输入框:<input class="mini-textarea" value="中国" />
ButtonEdit:按钮输入框
参考示例: ButtonEdit:按钮输入框 弹出面板 弹出选择树
创建ButtonEdit
<input id="btnEdit1" class="mini-buttonedit" onbuttonclick="onButtonEdit"/>
buttonclick事件
$.ajax({
url: "../data/FormService.aspx?method=LoadData",
type: "post", ...
Button:按钮
参考示例: 按钮 菜单按钮 按钮组 工具栏
创建按钮
<h4>Only Text</h4>
<a class="mini-button" onclick="onClick" enabled="false" >增加</a>
<a class="mini-button" onclick="onClick" >修改</a>
<h4>Text an ...