Create ListView - 7WX/AOP Code Generator

ListView Template,Options:

<HTML>
	<HEAD>
	<TITLE> {TABLENAMECASE} List </TITLE>
	<META NAME="Generator" CONTENT="7WX/AOP Framework">
	<META http-equiv="content-type" content="text/html; charset=utf-8">
	
	<SCRIPT src="/commonjs/7wx.js"></SCRIPT>
	</HEAD>

{TABLELISTVIEW}
	
		
		</div></td></tr>

<tr class=pagebar><td>
			<SCRIPT>XinsertPageControl(15)</SCRIPT>
		</td></tr>

</table>
	</BODY>

<SCRIPT LANGUAGE="JavaScript">
	<!--
	////////////////=====A.界面初始化=========

var orderBy = "{KEY}";//默认排序
	var searchWhere = "";//查找条件 格式为“ AND (name='test')”
	var smartWhere = "1=1";//默认的快速查找条件

//界面初始化
	function loadok(){
		XsetAppAndAction("{APPNAME}","get{TABLENAMECASE}s");//设定应用程序servlet及取列表数据的请求动作名
		load{TABLENAMECASE}s();//取列表数据
	}

//快速查找条件改变
	function smartSearchChange(){
		if(smartSearch.value=="findtitle"){ //需额外参数型快速查找
			var title = window.prompt('模糊查找标题，请输入关键字:','');
			if(title!=null)
				smartWhere = "title like '%"+title+"%'";

//else if(smartSearch.value=="findcolumnA"){ //需额外参数型快速查找
		//	var title = window.prompt('模糊查找columnA，请输入关键字:','');
		//	if(title!=null)
		//		smartWhere = "columnA like '%"+title+"%'";
		
		}else //简单快速查找
			smartWhere = smartSearch.value;

load{TABLENAMECASE}s();
	}

//取数据，初始进入，改变排序，查找、快速查找时调用此函数
	function load{TABLENAMECASE}s(){
		XnewQuery("&where="+smartWhere + searchWhere + "&orderby="+orderBy,true);//访问后台程序
	}

//页数据显示，调用loadRoles()或翻页操作,服务器返回数据时，将调用此函数
	function on_get{TABLENAMECASE}s(){
		XfillTableWithArray({TABLENAME}list,buffer.{TABLENAME}s);//合成列表显示
		XresetPageCtl(buffer.{TABLENAME}s_count);//重置翻页控制条
	}

////////////////=====B.用户动作响应=========

//排序列表，在点击表头时调用
	function reOrder(colName){
		orderBy =  (orderBy==colName)? (colName+" DESC") : colName;//按某列排序，再点反序正序切换
		load{TABLENAMECASE}s();	
	}

//增加{TABLENAMECASE}
	function add{TABLENAMECASE}(){
		Xdialog1("{TABLENAME}.html?{KEY}=-1");//调用表单页，{KEY}=-1 为新增
	}

//更新{TABLENAMECASE}
	function mod{TABLENAMECASE}(){
		var selectedItems = XgetTableSelectedLines({TABLENAME}list);//取选中行的{KEY}集合
		if(selectedItems.length==0){
			alert('进行该操作只前，请先选择{TABLENAME}。');
			return;
		}
		for(var i=0;i<selectedItems.length;i++)
			Xdialog1("{TABLENAME}.html?{KEY}="+selectedItems[i]);	//调用表单页，{KEY}=有效值 为更新
	}

//删除{TABLENAMECASE}
	function del{TABLENAMECASE}(){
		var url = checkSelectURL({TABLENAME}list,"{KEY}");
		if(url.length>0) 
			if(confirm("确定要删除这些{TABLENAME}吗？"))
				callServer("{APPNAME}",'del{TABLENAMECASE}',url);
	}

//选择{TABLENAME}辅助函数
	function checkSelectURL(tab,para){
		var URL = XgetTableSelectedLinesURL(tab,para);//取选中行的{KEY}集合构成的url
		if(URL.length==0) alert('进行该操作之前，请先选择{TABLENAME}。');
		return URL;
	}

////////////////=====C.对话框或后台动作响应=========

function onAdd{TABLENAMECASE}(){Xrefresh();}//在表单页{TABLENAME}.html用于新建时，新建成功后调用
	function onUpdate{TABLENAMECASE}(){Xrefresh();}//在表单页{TABLENAME}.html用于更新时，更新成功后调用
	function on_del{TABLENAMECASE}(){Xrefresh();}
	function onSearch{TABLENAMECASE}(where){//在查询页search{TABLENAME}.html中调用
		searchWhere=where;
		load{TABLENAMECASE}s();	//按新查询条件载入新数据
	}

/////////////////======D.显示格式化函数================

setTimeout('loadok()',1);
	//-->
	</SCRIPT>
	</HTML>

<table class=subtablecontainer cellpadding=0 cellspacing=0>
	
	<tr><td>
		<table cellpadding=0 cellspacing=0 width=100% id=x{TABLENAME}_editbar><tr class=subtabletoolbar>
			<td>  子表说明</td><td align=right>
			<button id=buttonAdd onclick="add{TABLENAMECASE}();" >新建</button>
			<button id=buttonMod onclick="mod{TABLENAMECASE}();" >修改</button>
			<button id=buttonDel onclick="del{TABLENAMECASE}();" >删除</button>
		</td></tr></table>
	</td></tr>
	
	
	<tr><td><div>

{TABLELISTVIEW}

	
	</div></td></tr>
</table>

<SCRIPT LANGUAGE="JavaScript">
<!--
////////////////=====A.界面初始化=========

//取数据，初始进入，改变排序，查找、快速查找时调用此函数
function load{TABLENAMECASE}s(){
	callServer("{APPNAME}","get{TABLENAMECASE}s",'&{FATHERTABLEKEY}='+{FATHERTABLENAME}form.{FATHERTABLEKEY}.value);//访问后台程序,需传入父记录的主键
}

//页数据显示，调用loadRoles()或翻页操作,服务器返回数据时，将调用此函数
function on_get{TABLENAMECASE}s(){
	XfillTableWithArray({TABLENAME}list,buffer.{TABLENAME}s);//合成列表显示
}

////////////////=====B.用户动作响应=========

//增加{TABLENAMECASE},需传入父记录的主键
function add{TABLENAMECASE}(){
	Xdialog1("{TABLENAME}.html?{KEY}=-1"+'&fid='+{FATHERTABLENAME}form.{FATHERTABLEKEY}.value);//调用表单页，{KEY}=-1 为新增
}

//更新{TABLENAMECASE}
function mod{TABLENAMECASE}(){
	var selectedItems = XgetTableSelectedLines({TABLENAME}list);//取选中行的{KEY}集合
	if(selectedItems.length==0){
		alert('进行该操作只前，请先选择{TABLENAME}。');
		return;
	}
	for(var i=0;i<selectedItems.length;i++)
		Xdialog1("{TABLENAME}.html?{KEY}="+selectedItems[i]);	//调用表单页，{KEY}=有效值 为更新
}

//删除{TABLENAMECASE}
function del{TABLENAMECASE}(){
	var url = checkSelectURL({TABLENAME}list,"{KEY}");
	if(url.length>0) 
		if(confirm("确定要删除这些{TABLENAME}吗？"))
			callServer("{APPNAME}",'del{TABLENAMECASE}',url);
}

//选择{TABLENAME}辅助函数
function checkSelectURL(tab,para){
	var URL = XgetTableSelectedLinesURL(tab,para);//取选中行的{KEY}集合构成的url
	if(URL.length==0) alert('进行该操作之前，请先选择{TABLENAME}。');
	return URL;
}

////////////////=====C.对话框或后台动作响应=========

function onAdd{TABLENAMECASE}(){load{TABLENAMECASE}s();}//在表单页{TABLENAME}.html用于新建时，新建成功后调用
function onUpdate{TABLENAMECASE}(){load{TABLENAMECASE}s();}//在表单页{TABLENAME}.html用于更新时，更新成功后调用
function on_del{TABLENAMECASE}(){load{TABLENAMECASE}s();}

/////////////////======D.显示格式化函数================

//-->
</SCRIPT>