$(
"
precloneNode1suf
"
) 取得该对象,和document.getElementById(
"
"
)一样;
DWRUtil.selectRange( " selectRangeBasic " , 5 , 15 ) 选中selectRangeBasic文本框里面从第五个字符到第15个字符之间的字符.
DWRUtil._getSelection( " selectRangeBasic " ) 得到selectRangeBasic文本框里选中的字符.
var arrayFive = [ ' One ' , ' Two ' , ' Three ' , ' Four ' , ' Five ' ];
DWRUtil.addOptions( ' addOptionsBasic ' , arrayFive); 将数组添加到下拉菜单里面去;
DWRUtil.getValue( ' addOptionsBasic ' ) 得到 addOptionsBasic 对象的值;
DWRUtil.getValue( " precloneNode1Inner1suf " , { textContent: true }); 后面加个参数,在 precloneNode1Inner1suf元素为 " UL " 时,它返回了元素里面得值,也就是说去掉了HTML标签部分.
DWRUtil.getText( ' addOptionsBasic ' ) 得到下拉框 addOptionsBasic 显示的文本;
var arrayObject = [
{ name: ' One ' , value: ' 1 ' },
{ name: ' Two ' , value: ' 2 ' },
{ name: ' Three ' , value: ' 3 ' },
{ name: ' Four ' , value: ' 4 ' },
{ name: ' Five ' , value: ' 5 ' }
];
DWRUtil.addOptions( ' addOptionsObject1 ' , arrayObject, " name " ); 将数组添加到下拉菜单里面去;后面的参数是确定那个是给用户显示的文本,同时也是值;
DWRUtil.addOptions( ' addOptionsObject1 ' , arrayObject, " name " , " value " ); 同上,不过后面参数是: 3 = 文本; 4 = 值;
var map = { one: 1 , two: 2 , three: 3 , four: 4 , five: 5 };
DWRUtil.addOptions( ' addOptionsMap1 ' , map); 同上, one 是值; 1 是文本;
DWRUtil.addOptions( ' addOptionsMap1 ' , map, true ); 同上, 1 是值;one 是文本;
-------------------------------------------------------------------------------------
< ul id = " removeItems " >
< li > One </ li >< li > Two </ li >< li > Three </ li >< li > Four </ li >< li > Five </ li >
</ ul >
如果是列表显示,如上;则上面所有方法和select 下拉框使用一样;
-------------------------------------------------------------------------------------
DWRUtil.cloneNode( ' cloneNode1 ' , { idPrefix: ' pre ' , idSuffix: ' suf ' });克隆一个节点,参数一为要克隆的节点的id,第二个参数是在克隆的节点id前面加pre,后面加suf.(注意:如果该节点有子节点的话,子节点的名字也一样加)。比如:DWRUtil.cloneNode( ' Node ' , { idPrefix: " a " , idSuffix: " b "' }); 得到的节点的ID为aNodeb;
DWRUtil.addRows(id, array, cellfuncs, [options]);
原理:
for each member in array
for each function in cellfuncs
create cell from cellfunc(array)
循环数组,循环函数,建立单元调用函数;(顺序决定)
例如:
DWRUtil.addRows( ' addRowsBasic ' , arrayFive, [
function(data) { return data; },
function(data) { return data.toUpperCase(); },
function(data) {
var input = document.createElement("input");
input.setAttribute("type", "button");
input.setAttribute("value", "DOM Test");
input.setAttribute("onclick", "alert( '" + data + "' );");
return input;
},
function(data) { return "<input type= ' button ' value= ' innerHTML Test ' >"; }
]);
高级部分:
第四个参数为对单元的高级操作,主要下面的两个方法;
function defaultRowCreator(options) {
return document.createElement("tr");
};
function defaultCellCreator(options) {
return document.createElement("td");
};
例子:
DWRUtil.addRows( "demo2",[ ' Africa ' , ' America ' , ' Asia ' , ' Australasia ' , ' Europe ' ] , cellFuncs, {
rowCreator:function(options) {
var row = document.createElement("tr");
var index = options.rowIndex * 50;
row.style.color = "rgb(" + index + ",0,0)";
return row;
},
cellCreator:function(options) {
var td = document.createElement("td");
var index = 255 - (options.rowIndex * 50);
td.style.backgroundColor = "rgb(" + index + ",255,255)";
td.style.fontWeight = "bold";
return td;
}
});
其中 options 参数的属性可用的为:(没试过,自己试试吧)
rowData: the element value from the array (the same for all cells in a row)
rowIndex: the key (if map) or index (if array) from the collection
rowNum: The row number counting from 0 in this section (so if you are using tbody, it counts rows in the tbody and not the whole table)
data: The ' computed ' data value for the cell (cellCreators only)
cellNum: The cell number that we are altering counting from 0 (cellCreators only)
DWRUtil.setValues(); 批量设置值;
var settings = {
setValuesDiv:"setValuesDiv",
setValuesSpan:"setValuesSpan",
setValuesSelect:"two",
setValuesText:"setValuesText",
setValuesPassword:"AB",
setValuesTextarea:"setValuesTextarea",
setValuesButton1:"B1-Two",
setValuesButton2:"B2-Two",
setValuesRadio1:true,
setValuesRadio2:false,
setValuesRadio3:"one",
setValuesRadio4:"two",
setValuesCheckbox1:true,
setValuesCheckbox2:false
};
DWRUtil.setValues(settings);
DWRUtil.getValues(empty);批量获取值;
var empty = {
setValuesDiv:null,
setValuesSpan:null,
setValuesSelect:null,
setValuesText:null,
setValuesPassword:null,
setValuesTextarea:null,
setValuesButton1:null,
setValuesButton2:null,
setValuesRadio1:null,
setValuesRadio2:null,
setValuesRadio3:null,
setValuesRadio4:null,
setValuesCheckbox1:null,
setValuesCheckbox2:null
};
DWRUtil.getValues(empty);
DWRUtil.useLoadingMessage("Ping");//类似gmail那个样子,在右上角显示加载"ping";可用自定样式,具体查询;http://getahead.ltd.uk/dwr/browser/util/useloadingmessage
DWRUtil.toDescriptiveString("id",数字);弹出调试信息,数字为0,1,2.一级比一级高.
DWRUtil.onReturn(event, submitFunction);一般在form表单里面,防止在文本框上按回车就提交表单.
例如:
<input type="text"
οnkeypress="DWRUtil.onReturn(event, submitFunction)"/>
<input type="button" οnclick="submitFunction()"/>
DWRUtil.selectRange( " selectRangeBasic " , 5 , 15 ) 选中selectRangeBasic文本框里面从第五个字符到第15个字符之间的字符.
DWRUtil._getSelection( " selectRangeBasic " ) 得到selectRangeBasic文本框里选中的字符.
var arrayFive = [ ' One ' , ' Two ' , ' Three ' , ' Four ' , ' Five ' ];
DWRUtil.addOptions( ' addOptionsBasic ' , arrayFive); 将数组添加到下拉菜单里面去;
DWRUtil.getValue( ' addOptionsBasic ' ) 得到 addOptionsBasic 对象的值;
DWRUtil.getValue( " precloneNode1Inner1suf " , { textContent: true }); 后面加个参数,在 precloneNode1Inner1suf元素为 " UL " 时,它返回了元素里面得值,也就是说去掉了HTML标签部分.
DWRUtil.getText( ' addOptionsBasic ' ) 得到下拉框 addOptionsBasic 显示的文本;
var arrayObject = [
{ name: ' One ' , value: ' 1 ' },
{ name: ' Two ' , value: ' 2 ' },
{ name: ' Three ' , value: ' 3 ' },
{ name: ' Four ' , value: ' 4 ' },
{ name: ' Five ' , value: ' 5 ' }
];
DWRUtil.addOptions( ' addOptionsObject1 ' , arrayObject, " name " ); 将数组添加到下拉菜单里面去;后面的参数是确定那个是给用户显示的文本,同时也是值;
DWRUtil.addOptions( ' addOptionsObject1 ' , arrayObject, " name " , " value " ); 同上,不过后面参数是: 3 = 文本; 4 = 值;
var map = { one: 1 , two: 2 , three: 3 , four: 4 , five: 5 };
DWRUtil.addOptions( ' addOptionsMap1 ' , map); 同上, one 是值; 1 是文本;
DWRUtil.addOptions( ' addOptionsMap1 ' , map, true ); 同上, 1 是值;one 是文本;
-------------------------------------------------------------------------------------
< ul id = " removeItems " >
< li > One </ li >< li > Two </ li >< li > Three </ li >< li > Four </ li >< li > Five </ li >
</ ul >
如果是列表显示,如上;则上面所有方法和select 下拉框使用一样;
-------------------------------------------------------------------------------------
DWRUtil.cloneNode( ' cloneNode1 ' , { idPrefix: ' pre ' , idSuffix: ' suf ' });克隆一个节点,参数一为要克隆的节点的id,第二个参数是在克隆的节点id前面加pre,后面加suf.(注意:如果该节点有子节点的话,子节点的名字也一样加)。比如:DWRUtil.cloneNode( ' Node ' , { idPrefix: " a " , idSuffix: " b "' }); 得到的节点的ID为aNodeb;
DWRUtil.addRows(id, array, cellfuncs, [options]);
原理:
for each member in array
for each function in cellfuncs
create cell from cellfunc(array)
循环数组,循环函数,建立单元调用函数;(顺序决定)
例如:
DWRUtil.addRows( ' addRowsBasic ' , arrayFive, [
function(data) { return data; },
function(data) { return data.toUpperCase(); },
function(data) {
var input = document.createElement("input");
input.setAttribute("type", "button");
input.setAttribute("value", "DOM Test");
input.setAttribute("onclick", "alert( '" + data + "' );");
return input;
},
function(data) { return "<input type= ' button ' value= ' innerHTML Test ' >"; }
]);
高级部分:
第四个参数为对单元的高级操作,主要下面的两个方法;
function defaultRowCreator(options) {
return document.createElement("tr");
};
function defaultCellCreator(options) {
return document.createElement("td");
};
例子:
DWRUtil.addRows( "demo2",[ ' Africa ' , ' America ' , ' Asia ' , ' Australasia ' , ' Europe ' ] , cellFuncs, {
rowCreator:function(options) {
var row = document.createElement("tr");
var index = options.rowIndex * 50;
row.style.color = "rgb(" + index + ",0,0)";
return row;
},
cellCreator:function(options) {
var td = document.createElement("td");
var index = 255 - (options.rowIndex * 50);
td.style.backgroundColor = "rgb(" + index + ",255,255)";
td.style.fontWeight = "bold";
return td;
}
});
其中 options 参数的属性可用的为:(没试过,自己试试吧)
rowData: the element value from the array (the same for all cells in a row)
rowIndex: the key (if map) or index (if array) from the collection
rowNum: The row number counting from 0 in this section (so if you are using tbody, it counts rows in the tbody and not the whole table)
data: The ' computed ' data value for the cell (cellCreators only)
cellNum: The cell number that we are altering counting from 0 (cellCreators only)
DWRUtil.setValues(); 批量设置值;
var settings = {
setValuesDiv:"setValuesDiv",
setValuesSpan:"setValuesSpan",
setValuesSelect:"two",
setValuesText:"setValuesText",
setValuesPassword:"AB",
setValuesTextarea:"setValuesTextarea",
setValuesButton1:"B1-Two",
setValuesButton2:"B2-Two",
setValuesRadio1:true,
setValuesRadio2:false,
setValuesRadio3:"one",
setValuesRadio4:"two",
setValuesCheckbox1:true,
setValuesCheckbox2:false
};
DWRUtil.setValues(settings);
DWRUtil.getValues(empty);批量获取值;
var empty = {
setValuesDiv:null,
setValuesSpan:null,
setValuesSelect:null,
setValuesText:null,
setValuesPassword:null,
setValuesTextarea:null,
setValuesButton1:null,
setValuesButton2:null,
setValuesRadio1:null,
setValuesRadio2:null,
setValuesRadio3:null,
setValuesRadio4:null,
setValuesCheckbox1:null,
setValuesCheckbox2:null
};
DWRUtil.getValues(empty);
DWRUtil.useLoadingMessage("Ping");//类似gmail那个样子,在右上角显示加载"ping";可用自定样式,具体查询;http://getahead.ltd.uk/dwr/browser/util/useloadingmessage
DWRUtil.toDescriptiveString("id",数字);弹出调试信息,数字为0,1,2.一级比一级高.
DWRUtil.onReturn(event, submitFunction);一般在form表单里面,防止在文本框上按回车就提交表单.
例如:
<input type="text"
οnkeypress="DWRUtil.onReturn(event, submitFunction)"/>
<input type="button" οnclick="submitFunction()"/>