亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JQuery EasyUI的一些常用組件

2019-11-19 16:05:47
字體:
來源:轉載
供稿:網友

jQuery EasyUI 是一個基于 jQuery 的框架,集成了各種用戶界面插件,該框架提供了創建網頁所需的一切,幫助您輕松建立站點。

注:本次介紹的JQuery EasyUI版本為1.5版。

一.表單

form提供了各種方法來操作執行表單字段,比如:ajax提交, load, clear等等。當提交表單的時候可以調用validate方法檢查表單是否有效。

用法:

使用form標簽創建

<form id="ff" method="post">   <div>     <label for="name">Name:</label>     <input class="easyui-validatebox" type="text" name="name" data-options="required:true" />   </div>   <div>     <label for="email">Email:</label>     <input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'" />   </div>  </form> 

 使用jquery實現表單的異步提交:

$('#ff').form({    url:...,    onSubmit: function(){    //提交表單時執行的操作  },    success:function(data){      //提交成功后返回的結果  }  });  // 提交表單  $('#ff').submit();

 通過以上操作就可以使用form表單將數據提交到后臺。

二.數據表格(數據表格)

DataGrid以表格形式展示數據,并提供了豐富的選擇、排序、分組和編輯數據的功能支持。DataGrid的設計用于縮短開發時間,并且使開發人員不需要具備特定的知識。它是輕量級的且功能豐富。單元格合并、多列標題、凍結列和頁腳只是其中的一小部分功能。

用法:

html標簽:

<table class="easyui-datagrid" style="width:400px;height:250px"     data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true">   <thead>     <tr>       <th data-options="field:'code',width:100">編碼</th>       <th data-options="field:'name',width:100">名稱</th>       <th data-options="field:'price',width:100,align:'right'">價格</th>     </tr>   </thead> </table>

 用jquery接受數據:

$('#dg').datagrid({    url:'datagrid_data.json',   }); 

 就可以將后臺數據以表格的方式展現到前臺。

三.可編輯數據表格

首先需要加載edatagrid擴展,加載完成后才能使用。

在HTML標簽里面創建數據表格:

<table id="tt" style="width:600px;height:200px"     title="Editable DataGrid"     singleSelect="true">   <thead>     <tr>       <th field="itemid" width="100" editor="{type:'validatebox',options:{required:true}}">Item ID</th>       <th field="productid" width="100" editor="text">Product ID</th>       <th field="listprice" width="100" align="right" editor="{type:'numberbox',options:{precision:1}}">List Price</th>       <th field="unitcost" width="100" align="right" editor="numberbox">Unit Cost</th>       <th field="attr1" width="150" editor="text">Attribute</th>     </tr>   </thead> </table>

 jquery操作:

$('#tt').edatagrid({    url: 'datagrid_data.json',    saveUrl: ...,    updateUrl: ...,    destroyUrl: ...  }); 

 就可以通過雙擊修改表格數據。

常用方法:

$('#tt').edatagrid("saveRow");//保存編輯行并發送到服務器$('#tt').edatagrid("destroyRow");//銷毀當前選擇的行$('#tt').edatagrid("addRow");//添加一個新的空行

以上所述是小編給大家介紹的JQuery EasyUI的一些常用組件,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美美最猛性xxxxxx| 三级精品视频久久久久| 亚洲国产精彩中文乱码av在线播放| 午夜精品在线视频| 久久久久久亚洲精品不卡| 精品香蕉在线观看视频一| 欧美精品生活片| 中文字幕日韩专区| 91精品一区二区| 国产一区二区三区18| 国产精品9999| 中文字幕免费精品一区| 亚洲精品丝袜日韩| 日韩av在线网站| 亚洲精品国产成人| 亚洲女同精品视频| 色综合久久88色综合天天看泰| 亚洲国产欧美久久| 国产999在线观看| 日韩av在线播放资源| 91丨九色丨国产在线| 91国内免费在线视频| 欧美成人精品h版在线观看| 中文日韩在线观看| 日韩av资源在线播放| 国产精品亚洲第一区| www.午夜精品| 国产免费一区二区三区在线观看| 亚洲第一精品久久忘忧草社区| 久久久国产视频91| 亚洲人成电影网站色| 欧美—级高清免费播放| 欧美亚洲国产日韩2020| 欧美高清第一页| 亚洲少妇激情视频| 97国产在线视频| 日本中文字幕成人| 成人性生交大片免费观看嘿嘿视频| 成人亚洲欧美一区二区三区| 久久69精品久久久久久国产越南| 国产欧美va欧美va香蕉在| 欧美高清一级大片| 色999日韩欧美国产| 欧美综合国产精品久久丁香| 精品视频在线播放免| 日韩在线观看免费高清| 久久成年人免费电影| 亚洲精品中文字幕av| 国产欧美亚洲视频| 日韩精品极品视频免费观看| 久久视频在线直播| 在线日韩av观看| 欧美成人一二三| 日本久久久a级免费| 中文字幕在线观看日韩| 国产精品扒开腿做爽爽爽视频| 日韩激情av在线免费观看| 亚洲国内精品在线| 久久久久久久久久久免费| 国产精品视频一区二区高潮| 国产精品都在这里| 亚洲人午夜精品| 欧美自拍视频在线观看| 九九热在线精品视频| 国产视频福利一区| 国产精品自产拍在线观看中文| 性金发美女69hd大尺寸| 一本色道久久综合狠狠躁篇的优点| 成人在线激情视频| 亚洲欧美另类在线观看| 欧美激情乱人伦一区| 日韩极品精品视频免费观看| 在线看片第一页欧美| 亚洲资源在线看| 川上优av一区二区线观看| 美女性感视频久久久| 国产精品自产拍在线观看| 欧美激情免费在线| 亚洲人成电影在线| 国产91在线播放精品91| 亚洲性视频网址| 成人黄色在线免费| 狠狠色噜噜狠狠狠狠97| 色悠悠久久88| 久久久中精品2020中文| 一区二区欧美在线| 亚洲免费影视第一页| 日韩黄在线观看| 国产美女直播视频一区| 欧美激情第三页| 茄子视频成人在线| 亚洲欧洲高清在线| 亚洲欧美精品一区二区| 日韩美女在线观看一区| 亚洲最大福利网站| 91老司机精品视频| 亚洲国产欧美一区二区三区同亚洲| 午夜精品三级视频福利| 成人伊人精品色xxxx视频| 成人www视频在线观看| 欧美最猛性xxxxx(亚洲精品)| 欧美插天视频在线播放| 欧美一区深夜视频| 亚洲精品视频二区| 精品福利一区二区| 国产啪精品视频网站| 欧美成人免费全部| 国产精欧美一区二区三区| 亚洲国产欧美久久| 国产精品视频永久免费播放| 18一19gay欧美视频网站| 亚洲国产97在线精品一区| 中文字幕日韩精品在线| 国产欧美一区二区三区久久人妖| 久久久久久久久久亚洲| 福利视频导航一区| 国产成人精品视频| 蜜臀久久99精品久久久久久宅男| 亚洲精品国产综合区久久久久久久| 中文字幕在线成人| 欧美国产视频日韩| 精品亚洲一区二区| 77777亚洲午夜久久多人| 久久精品国产欧美亚洲人人爽| 久久久久久久久91| 日韩精品视频中文在线观看| 久久久久久久一区二区三区| 久久久精品国产| 日韩av免费看| 国产性猛交xxxx免费看久久| 亚洲精品国产精品国自产在线| 国产+成+人+亚洲欧洲| 日韩高清欧美高清| 亚洲国产小视频在线观看| 韩国福利视频一区| 日本在线观看天堂男亚洲| 亚洲综合中文字幕68页| 97在线视频一区| 久久香蕉国产线看观看网| 亚洲视频国产视频| 欧美猛交免费看| 日韩欧美亚洲成人| 久久久视频精品| 亚洲摸下面视频| 亚洲激情小视频| 色综合久久88| 成人免费视频xnxx.com| 欧美激情一区二区三区在线视频观看| 精品毛片网大全| 日韩精品欧美激情| 欧美一区二区三区四区在线| 亚洲第一色在线| 亚洲美女av在线播放| 91久久久久久久久| 中文亚洲视频在线| 欧美自拍大量在线观看| 中文字幕在线看视频国产欧美在线看完整| 亚洲三级 欧美三级| 欧美日韩电影在线观看| 国产999在线观看| 日韩中文字幕免费视频| 色噜噜狠狠色综合网图区| 欧洲永久精品大片ww免费漫画| 日韩欧美视频一区二区三区|