`

jquery ui numberbox用法

 
阅读更多

问题描述:项目中需要往表格动态添加行,行中的输入框必须限制其输入(只能输入数字),现用如下代码添加行,并对输入框作限制,

var table = $("#table05");
var tr = "<tr align='center'><td><input name='periods' class='easyui-numberbox input' min=1 max=99999999 precision=0/></td>" +
	"<td><input name='chargeRate' class='easyui-numberbox input' min=0.000001 max=99.999999 precision=6/></td>" +
	"<td><input name='cardholderChargeRate' class='easyui-numberbox input' min=0.000001 max=99.999999 precision=6/></td>" +
	"<td><input name='remarkk' class='input'/></td>" +
	"</tr>";
table.append(tr);

 可以添加行,但是不能对输入框作限制。

现加入:table.find("tr:last input.easyui-numberbox:text").numberbox();就OK了。。

分享到:
评论

相关推荐

    jQuery EasyUI API 中文文档 - NumberBox数字框

    首先,NumberBox数字框的使用方法涉及到HTML和JavaScript代码的编写。在HTML部分,你需要创建一个普通的文本输入框,为其指定一个id,如下所示: ```html &lt;input type="text" id="nn"&gt;&lt;/input&gt; ``` 然后,通过...

    EasyUI为Numberbox添加blur事件的方法

    EasyUI是一个基于jQuery的轻量级前端开发框架,它提供了一系列易于使用的UI组件,如Numberbox,用于显示和编辑数字。Numberbox组件允许用户输入或选择一个数值,并提供了多种自定义选项,如设置精度。 首先,让我们...

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery...通过本文对 jQuery EasyUI 的主要组件进行介绍,希望能够帮助开发者更好地理解和使用这一工具,提高开发效率。

    jQueryEasyUI框架使用文档.docx

    jQueryEasyUI是一个强大的Web开发框架,它基于JavaScript库jQuery,为开发者提供了丰富的UI组件,使得构建用户界面变得简单高效。框架的核心在于其简洁的API,允许开发者使用少量的代码实现复杂的交互和布局。 首先...

    jquery-easyui-1.4.2 Demo

    EasyUI在jQuery的基础上提供了一整套UI组件,如对话框(dialog)、表格(datagrid)、表单(form)、菜单(menu)和布局(layout)等,使得网页开发更加便捷高效。 **EasyUI API 开发帮助文档**,如jQuery EasyUI ...

    jQueryEasyUI框架使用文档.pdf

    jQuery EasyUI 是一个轻量级且功能丰富的前端开发框架,基于 ...在学习和使用 jQuery EasyUI 的过程中,建议参考官方文档,了解每个组件的详细用法和示例,以便更好地利用这个框架来创建高效、美观的 Web 应用程序。

    jQueryEasyUI框架使用文档 (2).docx

    jQueryEasyUI提供了多种组件,如标签(Tabs)、可折叠标签(Accordion)、布局(Layout)、菜单和按钮、表单、组合框(ComboBox)、组合树(ComboTree)、数字框(NumberBox)、验证框(ValidateBox)、日期输入框(DateBox)、数据...

    jQueryEasyUI介绍.docx

    3. **HTML 标签和插件方法**:开发者可以通过简单的 HTML 标签结合 class 属性或者使用 jQuery 方法(如 `$('#p').panel({...})`)来创建和操作 UI 元素。 4. **支持 HTML5**:通过 data-options 属性,可以方便地在...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...

    jquery-easyui-中文培训文档

    ### jQuery EasyUI 中文培训知识点概述 ...通过以上内容的学习,我们可以看到 jQuery EasyUI 提供了大量的 UI 组件,每个组件都具备丰富的配置选项和方法,可以帮助开发者快速构建美观且功能强大的 Web 应用程序。

    easyui资料

    其中easyui的具体使用方法还可以看官方的easyui文档(此外欢迎访问本人CSDN播客:http://blog.csdn.net/tototuzuoquan),多多希望大家能够秉承开源精神,让人下载资料的时候不要要那么多分!!!!

    jqueryeasyui中文API

    ### jQuery EasyUI 中文API知识点 ...这些组件结合了jQuery的易用性和UI控件的直观性,使得开发者可以更容易地构建出丰富的用户界面和交互体验。在实际开发中,开发者可以根据具体需求对这些组件进行选择和使用。

    jquery-easyui, jquery-easyui lib , update form http.zip

    二、jQuery EasyUI 的使用方法 1. **引入库文件**:首先,在HTML文件中引入jQuery和jQuery EasyUI的CSS及JS文件。压缩包中的 "jquery-easyui-master" 文件夹很可能包含了这些必要的资源。 2. **初始化元素**:使用...

    jQuery_EasyUI中文帮助手册(带目录)

    以上知识点详细涵盖了EasyUI框架中的主要组件和它们的使用方法,以及如何通过这些组件快速构建具有丰富交互功能的Web界面。每个组件都包含了详细的属性、方法以及事件,这些是根据EasyUI官方文档以及手册内容整理而...

    jQueryEasyUI中文框架使用文档

    jQuery EasyUI 是一个基于 jQuery 的 Web UI 框架,专为简化网页界面开发而设计。这个框架的特点在于,开发者只需编写少量的 JavaScript 代码,就能实现丰富的交互效果和美观的用户界面。EasyUI 提供了一系列组件,...

    jQuery EasyUI 1.2.4 API 中文文档

    - jQuery EasyUI 为开发者提供了丰富的 UI 组件,使得用户界面的设计变得更为简单。 - **事件** - 介绍了组件触发的不同类型事件及其用途。 - **方法** - 描述了如何初始化和操作组件的方法。 **1.2 Parser解析...

    jQuery EasyUI 1.4.5 版 API 中文.pdf

    **Base** 部分介绍了 jQuery EasyUI 中的基础组件及其使用方法: 1. **1.4.1 parser(解析器)**:提供了自动解析页面中的特定元素并将其转换为 EasyUI 组件的功能。 2. **1.4.2 easyloader(简单加载)**:用于...

Global site tag (gtag.js) - Google Analytics