jQuery EasyUI รูปแบบ - กรองตารางข้อมูลแบบเลื่อนลง (ComboGrid)
เลื่อนลงตารางข้อมูล (Combogrid) ส่วนประกอบทั่วไปและหล่นลงกล่อง (Combobox) เป็นส่วนประกอบในนอกจากจะมีแผงเลื่อนลงซึ่งจะขึ้นอยู่กับตารางข้อมูล (Datagrid) ของ เลื่อนลงตารางข้อมูล (Combogrid) ส่วนประกอบที่สามารถกรอง, เพจและมีบางส่วนตารางข้อมูลอื่น ๆ (Datagrid) ฟังก์ชั่น กวดวิชานี้จะแสดงวิธีการกรองข้อมูลที่บันทึกไว้ในตารางหล่นลงข้อมูล (Combogrid) ส่วนประกอบ
สร้างตารางหล่นลงข้อมูล (Combogrid)
<input id = "CG" style = "width: 150px">
$ ( '# Cg'). Combogrid ({ panelWidth: 500 URL: 'form5_getdata.php' idField: 'Itemid' TextField: 'ProductID' โหมด: 'ระยะไกล' fitColumns: จริง คอลัมน์: [[ {ฟิลด์: 'Itemid' ชื่อเรื่อง: "รหัสรายการ" ความกว้าง: 60} {ฟิลด์: 'ProductID' ชื่อเรื่อง: 'รหัสสินค้า' จัด: 'ขวา' ความกว้าง: 80} {ฟิลด์: 'listprice' ชื่อเรื่อง: 'ราคา' จัด: 'ขวา', ความกว้าง: 60} {ฟิลด์: 'unitcost' ชื่อเรื่อง: 'หน่วยต้นทุน' จัด: 'ขวา', ความกว้าง: 60} {ฟิลด์: 'ATTR1' ชื่อเรื่อง: 'แอตทริบิวต์', ความกว้าง: 150} {ฟิลด์: 'สถานะ' ชื่อ 'สมรส' จัด 'ศูนย์', ความกว้าง: 60} ]] });
เลื่อนลงตารางข้อมูล (Combogrid) ส่วนประกอบควรกำหนด 'idField' และทรัพย์สิน 'TextField' 'IdField' ค่าองค์ประกอบเก็บคุณสมบัติคุณสมบัติ 'TextField' เพื่อแสดงข้อความในกล่องใส่ข้อความ เลื่อนลงตารางข้อมูล (Combogrid) ส่วนประกอบอาจจะเป็น 'ท้องถิ่น' หรือ 'ระยะไกล' บันทึกโหมดตัวกรอง ในโหมดระยะไกล (ระยะไกล) เมื่อผู้ใช้ป้อนตัวอักษรลงในข้อความกล่องใส่ตารางหล่นลงข้อมูล (Combogrid) ส่ง 'Q' พารามิเตอร์ไปยังเซิร์ฟเวอร์ระยะไกล
รหัสฝั่งเซิร์ฟเวอร์
? $ q = isset ($ _ POST [ 'Q']) strval ($ _ POST [ 'Q']): ''; รวมถึง conn.php '; อาร์เอส $ = mysql_query ( "* เลือกจากรายการที่ itemid ชอบ '% $ Q% หรือ ProductID เหมือนกับ'% $ Q% '"); $ แถว = array (); ในขณะที่ ($ แถว = mysql_fetch_assoc ($ RS)) { $ แถว [] = $ แถว; } Echo json_encode ($ แถว);