例子:
<p><a href="#oranges">About Oranges</a></p>
...一些文字...
<h2 id="oranges">Oranges Are Tasty</h2>
...更多文字...
JSP页面
<div class="easyui-panel" id="device_manage_panel" data-options="closed:true">
<table id="device_datagrid_add"></table>
</div>
<p id="flag"></p>// 锚点
</div>
JS页面
toolbar:[{
iconCls : 'icon-add',
text:'增加设备',
id:'addDeviceBtn',
handler:function(){
allNames="'";
var deviceAllAmount=-1;
var allRows=$('#device_datagrid_add').datagrid('getRows');
isAlreadyHaveAllDevice=false;
for(var i=0;i<allRows.length;i++){
//此处获取的是datagrid中已经存在的deviceName
if(allRows[i].deviceName!="")
allNames+=(allRows[i].deviceName+"','");
}
if(allNames.length>2){
deviceAllAmount=allRows[0].deviceallamount;//获取设备库中的设备种类数
allNames=allNames.substring(0,allNames.length-2);
}
var rowsInserted=$('#device_datagrid_add').datagrid('getChanges','inserted');
//当增加行的时候利用锚点标记定位到添加的行
window.location.href="#flag";
if(rowsInserted.length>0){
var lastInsertedIndex=$('#device_datagrid_add').datagrid('getChanges','inserted').length-1;
if(rowsInserted[lastInsertedIndex].devicePrice==''){
$.messager.alert('系统提示','您还未选择要增加的设备或没有您要增加的设备!','info');
return;
}
}
$('#device_datagrid_add').datagrid('endEdit', lastIndex);
if(rowsInserted.length>0){
var lastInsertedIndex=$('#device_datagrid_add').datagrid('getChanges','inserted').length-1;
if(rowsInserted[lastInsertedIndex].deviceCount==''){
$.messager.alert('系统提示','请填入您增加的设备数量','info');
return;
}
}
if(deviceAllAmount==allRows.length){
//当datagrid的row长度与设备库中的设备种类总数相等的时候isAlreadyHaveAllDevice=true表示已经具有所有设备
isAlreadyHaveAllDevice=true;
}
if(isAlreadyHaveAllDevice==true){
$.messager.alert('系统提示','已经没有可用设备供您添加','info');
return;
}
$('#device_datagrid_add').datagrid('appendRow',{
deviceName:'',
devicePrice:'',
deviceCount:'',
remark:''
});
//当增加行的时候利用锚点标记定位到添加的行
window.location.href="#flag";
var lastRowIndex = $('#device_datagrid_add').datagrid('getRows').length-1;
$('#device_datagrid_add').datagrid('beginEdit', lastRowIndex);
lastIndex = lastRowIndex;
}
}