ในช่วงไม่กี่ครั้งที่ผ่านมา ExtJS ได้รับความนิยมอย่างมาก ตราบใดที่มันเป็น บริษัท ที่เกี่ยวข้องกับ CRM/HRM ตอนนี้ก็กำลังคิดเกี่ยวกับวิธีการใช้งานในโครงการ แต่ฉันไม่กล้า เหตุผลนั้นง่ายมาก: มันใหญ่เกินไป/โง่เกินไป/ซอร์สโค้ดนั้นยากที่จะแก้ไขข้อบกพร่อง แต่ตารางและฟังก์ชั่นที่สวยงามของ extjs ทำให้ฉันน้ำลายไหลจริงๆ ฉันจำได้ว่าเพื่อนต่างชาติเขียนปลั๊กอิน jQuery ที่คล้ายกันสำหรับ extjs ดังนั้นฉันจึงค้นหามันในมหาสมุทรของปลั๊กอิน jQuery ฮ่าฮ่าฉันพบมันจริงๆ ดูเหมือนว่า jQuery ของฉันจะดีกว่า มันเล็กและเรียบง่ายเหมือนเครื่องยนต์รถที่ดี ฉันสามารถ DIY ได้ทุกอย่างที่ฉันต้องการ สะดวกจริงๆ โซลูชันโดยรวมไม่เกิน 80KB ในการส่งผ่านเครือข่ายและความเร็วนั้นเล็กกว่า ExtJs ที่มีขนาด 500KB - -
ดาวน์โหลดที่อยู่: http://code.google.com/p/flexigrid/
อย่างไรก็ตามเนื่องจากข้อมูลส่วนใหญ่เกี่ยวกับ Flexigrid บนอินเทอร์เน็ตถูกเขียนขึ้นใน PHP หรือ Java ฉันเพียงแค่แก้ไขมันและสร้างการใช้งาน Table Table รุ่นเลียนแบบโดยหวังว่ามันจะเป็นประโยชน์กับทุกคน
การใช้งานขั้นพื้นฐาน:
1 โดยทั่วไปการใช้งานนั้นง่ายมาก คุณจะต้องเพิ่ม JQuery Library และ JS ของ Flexigrid เพื่อจัดรูปแบบและทำให้ตารางสวยงาม
การคัดลอกรหัสมีดังนี้:
<link rel = "stylesheet" type = "text/css" href = "css/flexigrid/flexigrid.css">
<script type = "text/javascript" src = "lib/jQuery/jQuery-1.2.6.min.js"> </script>
<script type = "text/javascript" src = "flexigrid.pack.js"> </script>
<%-<script type = "text/javascript" src = "lib/jQuery/jQuery-1.2.6-vsdoc-cn.js"> </script>-%>
<script type = "text/javascript">
$ ("เอกสาร"). พร้อม (ฟังก์ชั่น () {
$ ('#flexme1'). FlexIgrid ();
$ ('#FlexMe2'). FlexIGRID ();
-
</script>
2 เพียงเพิ่มแบบฟอร์มที่ต้องจัดรูปแบบ
การคัดลอกรหัสมีดังนี้:
<H1>
Table-Table-1 </h1> ที่ง่ายที่สุด
<table id = "FlexMe1">
<head>
<tr>
<th>
Col 1
</th>
<th>
Col 2
</th>
<th>
Col 3 เป็นชื่อส่วนหัวที่ยาว
</th>
<th>
Col 4
</th>
</tr>
</head>
<tbody>
<tr>
<td>
นี่คือข้อมูล 1 ที่มีเนื้อหาล้น
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
</tbody>
</table>
<p>
</p>
<H1>
table-table-2 </h1> ที่ง่ายที่สุด
<table id = "FlexMe2">
<head>
<tr>
<th>
Col 1
</th>
<th>
Col 2
</th>
<th>
Col 3 เป็นชื่อส่วนหัวที่ยาว
</th>
<th>
Col 4
</th>
</tr>
</head>
<tbody>
<tr>
<td>
นี่คือข้อมูล 1 ที่มีเนื้อหาล้น
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
<tr>
<td>
นี่คือข้อมูล 1
</td>
<td>
นี่คือข้อมูล 2
</td>
<td>
นี่คือข้อมูล 3
</td>
<td>
นี่คือข้อมูล 4
</td>
</tr>
</tbody>
</table>
เพื่อเพิ่มเอฟเฟกต์การใช้งานพื้นฐานของ flexigrid เราสามารถทำการปรับขั้นพื้นฐานผ่านพารามิเตอร์
ส่วนหัวที่กำหนดเอง
การใช้รหัสเฉพาะ:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
$ ("เอกสาร"). พร้อม (ฟังก์ชั่น () {
$ ('#flexme1'). flexigrid ({
Colmodel: [
{display: 'iso', ชื่อ: 'iso', width: 40, cortable: true, จัดเรียง: 'center'},
{display: 'name', ชื่อ: 'ชื่อ', ความกว้าง: 180, เรียงลำดับได้: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'ชื่อที่พิมพ์ได้', ชื่อ: 'printable_name', ความกว้าง: 120, เรียงลำดับ: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'iso3', ชื่อ: 'iso3', ความกว้าง: 130, เรียงลำดับได้: จริง, จัดเรียง: 'ซ้าย', ซ่อน: จริง},
{display: 'รหัสหมายเลข', ชื่อ: 'numcode', ความกว้าง: 80, cortable: true, จัดตำแหน่ง: 'ขวา'}
-
-
$ ('#flexme2'). FlexIgrid ({
Colmodel: [
{display: 'iso', ชื่อ: 'iso', width: 40, cortable: true, จัดเรียง: 'center'},
{display: 'name', ชื่อ: 'ชื่อ', ความกว้าง: 180, เรียงลำดับได้: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'ชื่อที่พิมพ์ได้', ชื่อ: 'printable_name', ความกว้าง: 120, เรียงลำดับ: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'iso3', ชื่อ: 'iso3', ความกว้าง: 130, เรียงลำดับได้: จริง, จัดเรียง: 'ซ้าย', ซ่อน: จริง},
{display: 'รหัสหมายเลข', ชื่อ: 'numcode', ความกว้าง: 80, cortable: true, จัดตำแหน่ง: 'ขวา'}
-
SortName: "ISO",
Sortorder: "ASC",
-
-
</script>
การพับการเรียงลำดับแบบกำหนดเองการจัดเรียงที่กำหนดเอง
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
$ ("เอกสาร"). พร้อม (ฟังก์ชั่น () {
$ ('#flexme1'). flexigrid ({
Colmodel: [
{display: 'iso', ชื่อ: 'iso', width: 40, cortable: true, จัดเรียง: 'center'},
{display: 'name', ชื่อ: 'ชื่อ', ความกว้าง: 180, เรียงลำดับได้: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'ชื่อที่พิมพ์ได้', ชื่อ: 'printable_name', ความกว้าง: 120, เรียงลำดับ: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'iso3', ชื่อ: 'iso3', ความกว้าง: 130, เรียงลำดับได้: จริง, จัดเรียง: 'ซ้าย', ซ่อน: จริง},
{display: 'รหัสหมายเลข', ชื่อ: 'numcode', ความกว้าง: 80, cortable: true, จัดตำแหน่ง: 'ขวา'}
], ความกว้าง: 700, ความสูง: 300, USEPAGER: จริง, showtableTogglebtn: จริง, ชื่อ: "คลิกฉันเพื่อยุบ"
-
$ ('#flexme2'). FlexIgrid ({
Colmodel: [
{display: 'iso', ชื่อ: 'iso', width: 40, cortable: true, จัดเรียง: 'center'},
{display: 'name', ชื่อ: 'ชื่อ', ความกว้าง: 180, เรียงลำดับได้: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'ชื่อที่พิมพ์ได้', ชื่อ: 'printable_name', ความกว้าง: 120, เรียงลำดับ: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'iso3', ชื่อ: 'iso3', ความกว้าง: 130, เรียงลำดับได้: จริง, จัดเรียง: 'ซ้าย', ซ่อน: จริง},
{display: 'รหัสหมายเลข', ชื่อ: 'numcode', ความกว้าง: 80, cortable: true, จัดตำแหน่ง: 'ขวา'}
-
Searchitems: [
{display: 'iso', ชื่อ: 'iso'},
{display: 'name', ชื่อ: 'name', isdefault: true}
-
SortName: "ISO",
Sortorder: "ASC",
ชื่อเรื่อง: "ผลการทดสอบของฉัน",
ความกว้าง: 700
ความสูง: 300,
USEPAGE
-
-
</script>
การใช้งานขั้นสูง:
1. ขั้นตอนที่เก็บไว้ที่ใช้สำหรับการปนเปื้อน
การคัดลอกรหัสมีดังนี้:
สร้างขั้นตอน [DBO]. [spall_returnrows]
-
@SQL NVARCHAR (4000)
@Page int,
@RecSperPage int,
@id varchar (255)
@sort varchar (255)
-
เช่น
ประกาศ @str nvarchar (4000)
set @str = 'เลือก top'+
Cast (@recsperpage เป็น varchar (20))+
' * จาก ('+@sql+') t โดยที่ t.'+
@id+
'ไม่อยู่ใน (เลือกด้านบน'+
cast ((@recsperpage*(@page-1)) เป็น varchar (20))+
-
@id+
' จาก ('
+@SQL+
') คำสั่งซื้อ t9 โดย'+
@sort+
') สั่งซื้อโดย'+
@เรียงลำดับ
พิมพ์ @str
exec sp_executesql @str
2 การใช้งานการส่งข้อมูล JSON แบบอะซิงโครนัส
การคัดลอกรหัสมีดังนี้:
ใช้ระบบ
ใช้ System.collections.generic;
ใช้ System.Configuration;
ใช้ System.data;
ใช้ System.data.sqlclient;
ใช้ System.linq;
ใช้ System.Text;
ใช้ System.web;
ใช้ System.web.services;
ใช้ newtonsoft.json;
เนมสเปซ griddemo
-
/// <summary>
/// คำอธิบายสรุปของ $ codebehindclassname $
/// </summary>
[webservice (namespace = "http://tempuri.org/")]]]
[WebServiceBinding (conformsto = wsiprofiles.basicProfile1_1)]]
ชั้นเรียนสาธารณะ getDataSource4: ihttphandler
-
โมฆะสาธารณะ ProcessRequest (บริบท httpContext)
-
context.response.contentType = "ข้อความ/ธรรมดา";
// รับหน้าปัจจุบัน
สตริง currentPage = context.request ["หน้า"];
// รับจำนวนเท่าใดต่อหน้า
สตริง pageshowLimit = context.request ["rp"];
// รับคีย์หลัก
String TableId = context.request ["sortName"];
// รับวิธีการเรียงลำดับ
string ordermethod = context.request ["sortorder"];
// รับฟิลด์ที่จะกรอง
String filterfield = context.request ["qype"];
// รับเนื้อหาที่จะกรอง
String FilterFieldContext;
if (context.request.form ["letter_pressed"] == null)
-
FilterFieldContext = "";
-
อื่น
-
FilterFieldContext = context.request ["Letter_pressed"];
-
// รับจำนวนแถวทั้งหมดของตาราง
String tablerowCount = sqlhelper.executescalar (configurationManager.appsettings ["SQL2"],
CommandType.Text
"เลือกนับ (*) จาก person.address"
) .tostring ();
// รับ SQL หลัก
SQLParameter SQL = ใหม่ SQLPARAMETER ("@SQL", SQLDBTYPE.NVARCHAR);
//sql.value = "เลือก * จาก person.address";
if (FilterFieldContext.length == 0 || filterfield.length == 0)
-
sql.value = "เลือก addressId, addressline1, addressline2, postalcode, เมืองจาก person.address";
-
อื่น
-
สตริง [] tmp = filterfield.split (',');
sql.value = "เลือก addressId, addressline1, addressline2, postalcode, city จาก person.address ที่" + tmp [0] + "เช่น '" + filterfieldcontext + "%'";
-
หน้า sqlparameter = ใหม่ sqlparameter ("@page", sqldbtype.int);
page.value = Convert.toint32 (CurrentPage);
sqlParameter recsperPage = ใหม่ sqlParameter ("@recsperPage", sqldbtype.int);
recsperPage.value = Convert.toint32 (pageshowLimit);
SQLParameter ID = ใหม่ SQLParameter ("@id", sqldbtype.varchar);
id.value = tableId;
sqlparameter sort = new sqlparameter ("@sort", sqldbtype.varchar);
sort.value = tableId;
// รับตาราง
dataTable returnTable = sqlhelper.executedataSet (configurationManager.appsettings ["SQL2"],
CommandType.StoredProcedure "Spall_returnrows"
ใหม่ sqlparameter []
-
SQL, หน้า, recsperpage, id, เรียงลำดับ
}). ตาราง [0];
context.response.write (dttoson2 (returntable, currentpage, tablerowCount));
-
/// <summary>
/// การแปลงรูปแบบ JSON
/// </summary>
/// <param name = "dt"> dataTable table </param>
/// <param name = "page"> หน้าปัจจุบัน </param>
/// <param name = "total"> จำนวนแถวทั้งหมด </param>
/// <return> </returns>
สตริงคงที่สาธารณะ DTTOSON2 (DataTable DT, หน้าสตริง, สตริงรวม)
-
StringBuilder JSonstring = new StringBuilder ();
jsonstring.appendline ("{");
jsonstring.appendformat ("หน้า: {0},/n", หน้า);
jsonstring.appendformat ("ทั้งหมด: {0},/n", ทั้งหมด);
jsonstring.appendline ("แถว: [");
สำหรับ (int i = 0; i <dt.rows.count; i ++)
-
jsonstring.append ("{");
jsonstring.appendformat ("id: '{0}', เซลล์: [", dt.rows [i] [0] .toString ());
สำหรับ (int j = 0; j <dt.columns.count; j ++)
-
if (j == dt.columns.count - 1)
-
jsonstring.appendformat ("'{0}'", dt.rows [i] [j] .tostring ());
-
อื่น
-
jsonstring.appendformat ("'{0}',", dt.rows [i] [j] .tostring ());
-
if (j == dt.columns.count - 1)
-
jsonstring.appendformat (", '{0}'", "<อินพุตประเภท =/" ปุ่ม/"value =" view/"id =/" ss/"onclick =/" ss (" + dt.rows [i] [0] .toString () +")/"/>");
-
-
jsonstring.append ("]");
if (i == dt.rows.count - 1)
-
jsonstring.appendline ("}");
-
อื่น
-
jsonstring.appendline ("},");
-
-
jsonstring.append ("]");
jsonstring.appendline ("}");
return jsonstring.tostring ();
-
บูลสาธารณะไม่สามารถใช้งานได้
-
รับ
-
กลับเท็จ;
-
-
-
-
การใช้งาน 3 หน้า
การคัดลอกรหัสมีดังนี้:
< %@ page language = "c#" autoEventWireUp = "true" codebehind = "complex-8.aspx.cs" สืบทอด = "griddemo.complex_8" %>
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "เซิร์ฟเวอร์">
<title> </title>
<link rel = "stylesheet" type = "text/css" href = "/css/flexigrid/flexigrid.css"/>
<script type = "text/javascript" src = "/lib/jQuery/jQuery.js"> </script>
<script type = "text/javascript" src = "flexigrid.js"> </script>
<link type = "text/css" rel = "stylesheet" href = "facebox/facebox.css"/> >>
<link type = "text /css" rel = "stylesheet" href = "body.css" />
<script type = "text/javascript" src = "facebox/facebox.js"> </script>
<script type = "text/javascript">
$ ("เอกสาร"). พร้อม (ฟังก์ชั่น () {
$ ("#flex1"). flexigrid
-
URL: 'getDataSource4.ashx'
ประเภทข้อมูล: 'JSON'
Colmodel: [
{display: 'addressId', ชื่อ: 'addressId', ความกว้าง: 40, cortable: true, Align: 'center'},
{display: 'ที่อยู่เฉพาะ 1', ชื่อ: 'addressLine1', ความกว้าง: 140, cortable: true, จัดตำแหน่ง: 'left'},
{display: 'ที่อยู่เฉพาะ 2', ชื่อ: 'addressLine2', ความกว้าง: 80, cortable: true, Align: 'left'},
{display: 'zip code', ชื่อ: 'postalcode', ความกว้าง: 80, cortable: true, align: 'left'},
{display: 'city', ชื่อ: 'เมือง', ความกว้าง: 80, เรียงลำดับได้: จริง, จัดตำแหน่ง: 'ซ้าย'},
{display: 'opt', ชื่อ: 'opt', ความกว้าง: 80, cortable: true, Align: 'left'}
-
ปุ่ม: [
{ชื่อ: 'a', onpress: sortalpha}
{ชื่อ: 'b', onpress: sortalpha},
{ชื่อ: 'c', onpress: sortalpha},
{ชื่อ: 'd', onpress: sortalpha},
{ชื่อ: 'e', onpress: sortalpha},
{ชื่อ: 'f', onpress: sortalpha},
{ชื่อ: 'g', onpress: sortalpha},
{ชื่อ: 'h', onpress: sortalpha},
{ชื่อ: 'i', onpress: sortalpha},
{ชื่อ: 'j', onpress: sortalpha},
{ชื่อ: 'k', onpress: sortalpha},
{ชื่อ: 'l', onpress: sortalpha},
{ชื่อ: 'm', onpress: sortalpha},
{ชื่อ: 'n', onpress: sortalpha},
{ชื่อ: 'o', onpress: sortalpha},
{ชื่อ: 'p', onpress: sortalpha},
{ชื่อ: 'Q', OnPress: Sortalpha}
{ชื่อ: 'r', onpress: sortalpha},
{ชื่อ: 's', onpress: sortalpha},
{ชื่อ: 't', onpress: sortalpha},
{ชื่อ: 'u', onpress: sortalpha},
{ชื่อ: 'v', onpress: sortalpha},
{ชื่อ: 'w', onpress: sortalpha},
{ชื่อ: 'x', onpress: sortalpha},
{ชื่อ: 'y', onpress: sortalpha},
{ชื่อ: 'z', onpress: sortalpha},
{ชื่อ: '%', onpress: sortalpha}
-
Searchitems: [
{display: 'city', ชื่อ: 'เมือง', isdefault: true},
{display: 'zip code', ชื่อ: 'postalcode'}
-
USEPAGER: จริง
ชื่อเรื่อง: 'ข้อมูลลูกค้า',
userp: จริง
RP: 10,
showtabletogglebtn: จริง
ความกว้าง: 700
ความสูง: 200,
RPOPTIONS: [10, 15, 20, 25, 40, 60], // จำนวนผลลัพธ์สามารถเลือกได้ต่อหน้า
procmsg: 'โปรดรอข้อมูลที่จะโหลด ... ', // ข้อความแจ้งที่ถูกประมวลผล
Resizable: False, // สามารถปรับขนาดได้หรือไม่?
SortName: "addressId",
// SortOrder: "ASC", // ไม่สามารถใช้คอลัมน์นี้ได้เนื่องจากขั้นตอนที่เก็บไว้
-
-
ฟังก์ชัน sortalpha (com) {
jQuery ('#flex1'). flexoptions ({newp: 1, params: [{ชื่อ: 'letter_pressed', ค่า: com}, {ชื่อ: 'qype', ค่า: $ ('เลือก [name = ptype]'). val ()}});
jQuery ("#flex1"). FlexReload ();
-
ฟังก์ชั่น SSS (ข้อมูล)
-
var temp = evals (data);
// jQuery.facebox (อุณหภูมิ);
jQuery.facebox ({ajax: 'default.aspx? id ='+temp})
-
</script>
</head>
<body>
<table>
</table>
</body>
</html>