嗅谱网

  • EasyUI-PropertyGrid(属性表格)

    EasyUI-PropertyGrid(属性表格)

    继承自$.fn.datagrid.defaults。使用$.fn.propertygrid.defaults重写默认值对象。 属性表格提供The propertygrid provide给用户浏览和编辑对象属性的一个接口。属性表格是一个行内可编辑数据表格。它使用起来相当简单。用户可以非常简单的创建一个分层的可编辑属性列表和表示任何数据类型的项。属性表格内建排序和分组功能。 依赖关系 .datagrid  用法 使用标签创建一个属性表格。注意:列已经内置不需要再去声明它。 <table id=“pg” class=“easyui-propert ...

    查看全文

  • EasyUI-DataGrid(数据表格)

    EasyUI-DataGrid(数据表格)

    扩展自$.fn.panel.defaults。使用$.fn.datagrid.defaults重写默认值对象。 DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间,并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。     依赖关系 panel resizable linkbutton pagination     使用案例 从现有的表格元素创建DataGrid,在HTML ...

    查看全文

  • EasyUI-Slider(滑动条)

    EasyUI-Slider(滑动条)

    使用$.fn.slider.defaults重写默认值对象。 滑动条允许用户从一个有限的范围内选择一个数值。当滑块控件沿着轨道移动的时候,将会显示一个提示来表示当前值。用户可以通过设置其属性自定义滑块。     依赖关系 draggable     使用案例 当使用一个表单字段时,使用<input>标签创建一个滑动条。 <input class=“easyui-slider” value=“12”  style=“width:300px” ...

    查看全文

  • EasyUI-TimeSpinner(时间微调)

    EasyUI-TimeSpinner(时间微调)

    扩展自$.fn.spinner.defaults。使用$.fn.timespinner.defaults重写默认值对象。 时间微调组件的创建基于微调组件。它和数字微调类似,但是显示的时间值。时间微调组件允许用户点击组件右侧的小按钮来增加或减少时间。     依赖关系 spinner     使用案例 使用标签创建时间微调组件。 <input id=“ss” class=“easyui-timespinner”  style=“width:80px;” ...

    查看全文

  • EasyUI-NumberSpinner(数字微调)

    EasyUI-NumberSpinner(数字微调)

    扩展自$.fn.spinner.defaults和$.fn.numberbox.defaults。使用$.fn.numberspinner.defaults重写默认值对象。 数字微调控件的创建是基于微调控件和数值输入框控件的。他可以转换输入的值,比如:数值、百分比、货币等。它也允许使用上/下微调按钮调整到用户的期望值。     依赖关系 spinner numberbox     使用案例 使用标签创建数字微调组件。 <input id=“ss” class=“easyui-n ...

    查看全文

  • EasyUI-Spinner(微调)

    EasyUI-Spinner(微调)

    扩展自$.fn.validatebox.defaults。使用$.fn.spinner.defaults重写默认值对象。 微调控件结合了一个可编辑文本框和2个小按钮让用户选择一个值的范围。和下拉列表框类似,微调控件允许用户输入值,但是没有下拉列表。微调控件是创建其他高级微调控件的基础控件,比如:numberspinner, timespinner等。     依赖关系 textbox     使用案例 只能使用Javascript创建微调控件。标签创建是无效的。 <input id=“ss” value= ...

    查看全文

  • EasyUI-Calendar(日历)

    EasyUI-Calendar(日历)

    使用$.fn.calendar.defaults重写默认值对象。 日历控件显示一个月的日历,允许用户选择日期和移动到下一个或上一个月。默认情况下,一周的第一天是周日。它可以通过设置‘firstDay’属性的值来更改设置。 使用案例 使用标签创建日历。 <div id=“cc” class=“easyui-calendar” style=“width:180px;height:180px;”></div>   ...

    查看全文

  • EasyUI-DateTimeBox(日期时间输入框)

    EasyUI-DateTimeBox(日期时间输入框)

    扩展自$.fn.datebox.defaults,使用$.fn.datetimebox.defaults重写默认值对象。 和日期输入框类似,日期时间输入框允许用户选择日期和指定的时间并按照指定的输出格式显示。相比日期输入框,它在下拉面板中添加了一个时间微调器。 依赖关系 datebox timespinner 使用案例 使用标签创建日期时间输入框。 <input class=“easyui-datetimebox” name=“birthday”             data-options=“ ...

    查看全文

  • EasyUI-DateBox(日期输入框)

    EasyUI-DateBox(日期输入框)

    扩展自$.fn.combo.defaults。使用$.fn.datebox.defaults重写默认值对象。 日期输入框结合了一个可编辑的文本框控件和允许用户选择日期的下拉日历面板控件。选择的日期会自动转变为一个有效的日期然后填充到文本框中。选定的日期也可以被格式化为预定格式。 依赖关系 combo calendar     使用案例 使用标签创建日期输入框。 <input id=“dd” type=“text” class=“easyui-datebo ...

    查看全文

  • EasyUI-NumberBox(数值输入框)

    EasyUI-NumberBox(数值输入框)

    扩展自$.fn.validatebox.defaults。使用$.fn.numberbox.defaults重写默认值对象。 数值输入框是用来限制用户只能输入数值型数据的。他可以转换一个输入的元素到其他类型,比如:数字、百分比、货币等。更多的输入类型定义依赖于‘formatter’和‘parser’函数。     依赖关系 validatebox     用法 使用标签创建数值输入框。 <input type=“text” class=“ ...

    查看全文

  • EasyUI-ComboGrid(数据表格下拉框)

    EasyUI-ComboGrid(数据表格下拉框)

    扩展自$.fn.combo.defaults和$.fn.datagrid.defaults。使用$.fn.combogrid.defaults重写默认值对象。 数据表格下拉框结合了可编辑文本框控件和下拉数据表格面板控件,该控件允许用户快速查找和选择,并且该控件提供了键盘导航支持,对行进行筛选。     依赖关系 combo datagrid     使用案例 创建数据表格下拉框 1. 使用标签创建一个数据表格下拉框。 <select id=“cc” class=“easyu ...

    查看全文

  • EasyUI-ComboTree(树形下拉框)

    EasyUI-ComboTree(树形下拉框)

    扩展自$.fn.combo.defaults和$.fn.tree.defaults。使用$.fn.combotree.defaults重写默认值对象。 树形下拉框结合选择控件和下拉树控件。它与combobox(下拉列表框)类似,但是将下拉列表框的列表替换成了树形控件。该控件支持树状态复选框,方便多选操作。       依赖关系 combo tree     用法 使用标签创建树形下拉框。 <select id=“cc” class=“easyui-combotree” s ...

    查看全文