使用jQuery外掛程式flexigrid搭建專案框架

今天來了，不能懶，該寫就寫；

1.既然是要用jquery的js 。那就要放入專案中

2.使用方式jsp+js:

3.呼叫後台

$(function() , , , 

}}],
buttons : [, ,, ,, ],
sortname : "id",
sortorder : "asc",
usepager : true,
userp : true,
checkbox : true,// 是否要多選框
rowid : 'id',// 多選框繫結行的id
rp : 10,
query:'',
showtabletogglebtn : false,
height : window.top.document.documentelement.scrollheight - 240
});function action(com, grid) );
sta = '';
$('.trselected td:nth-child(5) div', grid).each(function(i) );
type='send';
opendialog(webroot+'sand/messagecodeimportaction!opencityaddpage.action?type='+type+'&ids='+ids,500,200);
break;
case 'edit':
selected_count = $('.trselected', grid).length;
if (selected_count == 0) 
if (selected_count > 1) 
ids = '';
$('.trselected td:nth-child(2) div', grid).each(function(i) );
sta = '';
$('.trselected td:nth-child(5) div', grid).each(function(i) );
type='send';
opendialog(webroot+'sand/messagecodeimportaction!opencityeidtpage.action?type='+type+'&ids='+ids,500,200);
break;
case 'delete':
selected_count = $('.trselected', grid).length;
if (selected_count == 0) 
ids = '';
$('.trselected td:nth-child(2) div', grid).each(function(i) );
jqconfirm('確定刪除?', '確認', function(r) ,
type : 'post',
success : function(backdata) );}}
});}else
});break;
} }function cancelsome(ids) 
function cancel(ids) 
function canceloperation(ids,url) ,
type : 'post',
success : function(backdata) );
} else if($.trim(backdata)=="01"));}}
}); } 
function modify() 
function verify(ids) 
function opertionverify(ids,url) ,
type : 'post',
success : function(backdata) );
} else if($.trim(backdata)=="01"));}}
});}});
function search());
$('#flexgrid').flexoptions( ).flexreload();
}

public void getpagedcitylist() 

if (stringutils.isnotblank(pagenum)) 
pagedqueryresult paged = cityservice.getpagedcitylist(start, limit,
name, code);
struts2utils.renderjson(jsonutils.topagedjsonstr(paged, pagenum));
}

藍色**

藍色**下的修改

灰色**

灰色**下的修改

JQuery驗證外掛程式使用

required true 必輸字段 2 remote remote valid.jsp 使用ajax方法呼叫remote valid.jsp驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期，日...

JQuery外掛程式使用小結

一，jquery.treeview 見名之意，就是將頁面的資料以樹的形式展現出來。和上篇部落格中的dhtmlxtree不同的是，它是將html檔案中的資料進行顯示，而html檔案主要是用ul和li進行巢狀資料。看一下html如何儲存資料 頁面中也如jquery.treeview的js 和對應的css...

jquery外掛程式treetable使用

treetable treetable expandable為true 初始化展開顯示 先上區域性檢視改造後的 model list helper rendertable org org,listsource if org.areatype 1 if source.count m m.parenti...