Jadual Kandungan
一 概述 " >一 概述
1.easyui是什么? " > 1.easyui是什么?
  3.data-options" >   3.data-options
  4.每一个插件都可以看做一个容器,添加其他插件,添加方式: " >   4.每一个插件都可以看做一个容器,添加其他插件,添加方式:
  5.调用插件函数的语法格式: " >   5.调用插件函数的语法格式:
6.href reload url" > 6.href reload url
二 datagrid数据网格" >二 datagrid数据网格
1.作用 " > 1.作用
2.服务器返回的json字符串格式: " > 2.服务器返回的json字符串格式:
5.datagrid属性 " > 5.datagrid属性
6.列标题 " > 6.列标题
7.获取选择行 " > 7.获取选择行
8.表格中的数据修改以后需要重新加载:" > 8.表格中的数据修改以后需要重新加载:
三 form" >三 form
2.加载数据 " > 2.加载数据
3.表单提交" > 3.表单提交

什么是Easyui

Jun 27, 2017 am 11:35 AM
easyui

 

一 概述

1.easyui是什么?

easyui是一个基于jQuery的用户界面插件集合,即easyui主要使用的技术是jQuery,提供的是显示在用户界面的插件。

  2.easyui是对HTML插件的扩展,因此使用easyui创建插件要结合对应的HTML插件,比如easyui提供的validatebox\textbox\filebox \datebox\datatimebox等必须在标签上实现。

  3.data-options

用于实例化插件,即为easyui基础插件增加新的特性,新增特性可以集中编写在data-options属性中,属性值用单引号括起来,两个属性间用逗号隔开。新增特性也可以单独列举。

  4.每一个插件都可以看做一个容器,添加其他插件,添加方式:

   通过对应的属性引用其他插件的id,比如添加工具栏toolbar="#toolbar",添加按钮buttons="#buttons"。

  5.调用插件函数的语法格式:

$(selector).插件名("方法名"[参数值]);
Salin selepas log masuk

6.href reload url

  • href:静态加载,加载指定页面信息。

  • reload:动态加载,由事件驱动,比如单击按钮,加载指定页面信息。

  • url:指向服务器资源,从服务器获取数据。

二 datagrid数据网格

1.作用

数据网格主要用于以表格形式显示通过Ajax从数据库获取的数据。

2.服务器返回的json字符串格式:

"rows":[{},{}]",total":int数据
Salin selepas log masuk

3.datagrid建立在HTML的

标签之上。

4.datagrid在页面加载完成后,自动通过Ajax从服务器获取数据,需要在实例化插件时给定url。

5.datagrid属性

  • 添加工具栏:toolbar="#toolbar"。

  • 显示行号:rownumbers="true"。

  • 只允许单行选择:singleSelect="true"。

  • 使列适应表的宽度:fitColumns="true":。

  • 显示分页栏:pagination="true"。

6.列标题

<thead>  <tr><th field="在此列显示的数据库字段"width="">列标题</th><th field="在此列显示的数据库字段"width="">列标题</th>  </tr></thead>
Salin selepas log masuk

7.获取选择行

var row=$(selector).datagrid("getSelected")
Salin selepas log masuk

row代表选择行,包含id在内的全部数据,数据格式:

{name01:"value01",name02:"value02"}
Salin selepas log masuk

8.表格中的数据修改以后需要重新加载:

$(selector).datagrid("reload");
Salin selepas log masuk

 

三 form

1.form("clear"):清空表单。

2.加载数据

$(selector).form("load",{name:"myName"});//加载自定义数据
$(selector).form("load",row);//加载datagrid选中行数据
Salin selepas log masuk

3.表单提交

$(selector).form('submit',{
                           url:xxx,
                           onSubmit:function(){
                                    return $(this).form("validate");//验证,只要在前台验证通过后才提交
                                               },
                           success:function(){}//处理返回结果
})
Salin selepas log masuk

如果不需要处理Ajax返回数据,提交可以简写为:

$(selector).form("submit");
Salin selepas log masuk

4.使用easyui提交表单后,表单不会自动跳转,如需要跳转,需要在回调函数中设定跳转资源,如window.location.href=""。

Atas ialah kandungan terperinci 什么是Easyui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Mar 18, 2025 pm 03:12 PM

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas? Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas? Mar 18, 2025 pm 03:14 PM

Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.

Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apr 04, 2025 pm 02:42 PM

Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...

Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar? Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar? Mar 18, 2025 pm 03:16 PM

Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.

Siapa yang dibayar lebih banyak Python atau JavaScript? Siapa yang dibayar lebih banyak Python atau JavaScript? Apr 04, 2025 am 12:09 AM

Tidak ada gaji mutlak untuk pemaju Python dan JavaScript, bergantung kepada kemahiran dan keperluan industri. 1. Python boleh dibayar lebih banyak dalam sains data dan pembelajaran mesin. 2. JavaScript mempunyai permintaan yang besar dalam perkembangan depan dan stack penuh, dan gajinya juga cukup besar. 3. Faktor mempengaruhi termasuk pengalaman, lokasi geografi, saiz syarikat dan kemahiran khusus.

Bagaimanakah saya menggunakan peta sumber untuk debug kod JavaScript minified? Bagaimanakah saya menggunakan peta sumber untuk debug kod JavaScript minified? Mar 18, 2025 pm 03:17 PM

Artikel ini menerangkan cara menggunakan peta sumber untuk debug JavaScript minifikasi dengan memetakannya kembali ke kod asal. Ia membincangkan membolehkan peta sumber, menetapkan titik putus, dan menggunakan alat seperti Chrome Devtools dan Webpack.

Perbezaan dalam Konsol.Log Output Result: Mengapa kedua -dua panggilan berbeza? Perbezaan dalam Konsol.Log Output Result: Mengapa kedua -dua panggilan berbeza? Apr 04, 2025 pm 05:12 PM

Perbincangan mendalam mengenai punca-punca utama perbezaan dalam output konsol.log. Artikel ini akan menganalisis perbezaan hasil output fungsi Console.log dalam sekeping kod dan menerangkan sebab -sebab di belakangnya. � ...

TypeScript untuk pemula, Bahagian 2: Jenis Data Asas TypeScript untuk pemula, Bahagian 2: Jenis Data Asas Mar 19, 2025 am 09:10 AM

Sebaik sahaja anda telah menguasai tutorial TypeScript peringkat kemasukan, anda harus dapat menulis kod anda sendiri dalam IDE yang menyokong TypeScript dan menyusunnya ke dalam JavaScript. Tutorial ini akan menyelam ke dalam pelbagai jenis data dalam TypeScript. JavaScript mempunyai tujuh jenis data: null, undefined, boolean, nombor, rentetan, simbol (diperkenalkan oleh ES6) dan objek. Typescript mentakrifkan lebih banyak jenis atas dasar ini, dan tutorial ini akan meliputi semuanya secara terperinci. Jenis data null Seperti JavaScript, Null dalam TypeScript

See all articles