JQuery EasyUI的一些常用组件

前端之家收集整理的这篇文章主要介绍了JQuery EasyUI的一些常用组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_502_0@jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点


@H_5020@注:本次介绍的JQuery EasyUI版本为1.5版。


@H
5020@

一.表单


@H
502_0@form提供了各种方法来操作执行表单字段,比如:ajax提交,load,clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。


@H_502_0@用法


@H_502_0@使用form标签创建


<div class="jb51code">
<pre class="brush:js;">
<form id="ff" method="post">

@H_502_0@使用jquery实现表单的异步提交:

@H_502_0@通过以上操作就可以使用form表单将数据提交到后台

@H_502_0@

二.数据表格(数据表格)

@H_502_0@DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间,并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能

@H_502_0@用法

@H_502_0@html标签

名称
@H_502_0@用jquery接受数据:

@H_502_0@就可以将后台数据以表格的方式展现到前台

@H_502_0@

三.可编辑数据表格

@H_502_0@首先需要加载edatagrid扩展,加载完成后才能使用。

@H_502_0@在HTML标签里面创建数据表格:

Box',options:{required:true}}">Item ID Box',options:{precision:1}}">List Price Box">Unit Cost
@H_502_0@jquery操作:

@H_502_0@就可以通过双击修改表格数据。

@H_502_0@常用方法

添加一个新的空行
@H_502_0@以上所述是小编给大家介绍的JQuery EasyUI的一些常用组件。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/jquery/37908.html

猜你在找的jQuery相关文章