/**
* JList。以下是利用JList实现二维联动菜单：
<select name="s1" id="s1"></select>
<select name="s2" id="s2"></select>
<script language="javascript">
function init(v1, v2) {
//定义s1选项
var map1 = new JMap();
map1.put("a", 1);
map1.put("b", 2);
map1.put("c", 3);
map1.put("d", 4);
//定义s2的选项
var map2 = new JMap();
map2.put("a", [["1", "aa"], ["2", "ab"], ["3", "ac"]]);
map2.put("b", [["4", "bb"]]);
map2.put("c", [["5", "cc"], ["6", "cd"]]);
//将数据导入s1,s2
var list1 = JList.getById("s1");
var list2 = JList.getById("s2");
list1.importMap(map1);
list1.setValue(v1);
list2.importArray(map2.get(list1.getValue()));
list2.setValue(v2);
//加入事件监听
list1.addActionListener("change",
function() {
list2.clear();
var options = map2.get(list1.getValue());
if (options != null) {
list2.importArray(options);
}
}
);
}
init("c", "6");
</script>
*
* @class JList
* @extend JComponent
* @implement JElementFinder
*/
/**
* 构造器
*
* @constructor JList
* @param Object object select原始对象
* @version 0.3.0
*/
function JList(object) {
JClass.extend(this, JComponent);
/**
* 设置JList的值
*
* @method setValue
* @param String value
*/
this.setValue = function (value) {
object.value = value;
};
/**
* 取得JList的值
*
* @method getValue
* @return String
*/
this.getValue = function () {
return object.value;
};
/**
* 添加一个元素
*
* @method addItem
* @param String value 值
* @param String text 文本
*/
this.addItem = function (value, text) {
var option = JElement.create("option");
option.value = value;
option.text = text;
object.options.add(option);
};
/**
* 取得所有选项
*
* @method getOptions
* @return Array
*/
this.getOptions = function () {
return object.options;
};
/**
* 取得当前选中的索引
*
* @method getIndex
* @return int
*/
this.getIndex = function () {
return this.getOptions().selectedIndex;
};
/**
* 取得某个索引对应的元素
*
* @method getItem
* @param int index
* @return JOption
*/
this.getItem = function (index) {
if (!J.defined(index)) {
index = this.getIndex();
}
var options = this.getOptions();
if (J.defined(options[index])) {
var value = options[index].value;
var text = options[index].text;
var option = JOption.create(value, text);
return option;
}
return null;
};
/**
* 取得所有的元素
*
* @method getItems
* @return JArray
*/
this.getItems = function () {
var options = this.getOptions();
var _options = new JArray();
if (options.length > 0) {
for (var i=0; i
* var array = [["value1", "text1"], ["value2", "text2"] ... ["valuen", "textn"]];
*
* @method importArray
* @param array map 要导入的JMap对象
* @return void
*/
this.importArray = function (array) {
for (var i=0; i