jQuery EasyUI รูปแบบปลั๊กอิน - รวมกัน Combo
ปลั๊กอิน jQuery EasyUI ยื่นออกมาจาก $ .fn.validatebox.defaults โดย $ .fn.combo.defaults แทนที่ค่าเริ่มต้นเริ่มต้น
รวมกัน (คำสั่งผสม) คือการแสดงกล่องข้อความที่สามารถแก้ไขได้และแผงวางลงบนหน้า HTML มันถูกใช้เพื่อสร้างชุดที่ซับซ้อนของส่วนประกอบอื่น ๆ (เช่นกล่องคำสั่งผสม ComboBox รวม combotree ต้นไม้ combogrid กริดคอมโพสิต ฯลฯ ) ส่วนประกอบตาม
วางใจ
- validatebox
- แผงหน้าปัด
การใช้
รวมกัน (คำสั่งผสม) สามารถใช้ JavaScript จาก <select> หรือ <input> องค์ประกอบที่สร้างขึ้น โปรดทราบว่าจากแท็กเพื่อสร้างการรวมกัน (คำสั่งผสม) ไม่ถูกต้อง
<input id = "CC" value = "001">
$ ( '# สำเนา). Combo ({
จำเป็นต้องใช้: จริง
หลาย: จริง
});
คุณสมบัติ
สถานที่ยื่นออกมาจากกล่องตรวจสอบ (validatebox) ด้านล่างเป็นที่พักรวมกัน (คำสั่งผสม) เพื่อเพิ่ม
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| width | number | 组件的宽度。 | auto |
| height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
| panelWidth | number | 下拉面板的宽度。 | null |
| panelHeight | number | 下拉面板的高度。 | 200 |
| multiple | boolean | 定义是否支持多选。 | false |
| selectOnNavigation | boolean | 定义当通过键盘导航项目时是否选择项目。该属性自版本 1.3.3 起可用。 | true |
| separator | string | 多选时文本的分隔符。 | , |
| editable | boolean | 定义用户是否可以往文本域中直接输入文字。 | true |
| disabled | boolean | 定义是否禁用文本域。 | false |
| readonly | boolean | 定义组件是否只读。该属性自版本 1.3.3 起可用。 | false |
| hasDownArrow | boolean | 定义是否显示向下箭头的按钮。 | true |
| value | string | 默认值。 | |
| delay | number | 从最后一个键的输入事件起，延迟进行搜索。 | 200 |
| keyHandler | object | 当用户按键后调用的函数。默认的 keyHandler 定义如下：
keyHandler: {
up: function(){},
down: function(){},
enter: function(){},
query: function(q){}
}
|
เหตุการณ์
| 名称 | 参数 | 描述 |
|---|---|---|
| onShowPanel | none | 当下拉面板显示的时候触发。 |
| onHidePanel | none | 当下拉面板隐藏的时候触发。 |
| onChange | newValue, oldValue | 当文本域的值改变的时候触发。 |
ทาง
วิธีการที่เพิ่มขึ้นจากการตรวจสอบกล่อง (validatebox) ดังต่อไปนี้เป็นวิธีการรวมกัน (คำสั่งผสม) เพื่อเพิ่ม
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| panel | none | 返回下拉面板对象。 |
| textbox | none | 返回文本框对象。 |
| destroy | none | 销毁组件。 |
| resize | width | 调整组件的宽度。 |
| showPanel | none | 显示下拉面板。 |
| hidePanel | none | 隐藏下拉面板。 |
| disable | none | 禁用组件。 |
| enable | none | 启用组件。 |
| readonly | mode | 启用/禁用只读模式。该方法自版本 1.3.3 起可用。 用法实例：
$('#cc').combo('readonly'); // enable readonly mode
$('#cc').combo('readonly', true); // enable readonly mode
$('#cc').combo('readonly', false); // disable readonly mode
|
| validate | none | 验证输入的值。 |
| isValid | none | 返回验证结果。 |
| clear | none | 清除组件的值。 |
| reset | none | 重置组件的值。该方法自版本 1.3.2 起可用。 |
| getText | none | 获取输入的文本。 |
| setText | none | 设置文本值。 |
| getValues | none | 获取组件的值的数组。 |
| setValues | none | 设置组件的值的数组。 |
| getValue | none | 获取组件的值。 |
| setValue | none | 设置组件的值。 |
ปลั๊กอิน jQuery EasyUI