ajax and table and dropdownlist

wfdoublext

浏览: 130316 次
性别:
来自: 青岛

最近访客更多访客>>

梁静茹的小三

parrywang

影子yingzi

a418040445

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

Ajax ASP J#

	<body MS_POSITIONING="GridLayout">
		<form id="Form1" method="post" runat="server">
			<div id="divChoice">
				<div id="divOver">
					<div id="divCompany"><span class="title">支店</span>
						<asp:dropdownlist id="ddlBranch" runat="server" onchange="SelectChange(ddlArea)"></asp:dropdownlist></div>
					<div id="divArea"><span class="title">エリア</span>
						<asp:dropdownlist id="ddlArea" runat="server" onchange="SelectChange(ddlStore)"></asp:dropdownlist></div>
					<div id="divStore"><span class="title">店舗</span>
						<asp:dropdownlist id="ddlStore" runat="server"></asp:dropdownlist></div>
					<div id="divDivsion"><span class="title">DIV</span>
						<asp:dropdownlist id="ddlDiv" runat="server" onchange="SelectChange(ddlLine)"></asp:dropdownlist></div>
					<div id="divLine"><span class="title">ライン</span>
						<asp:dropdownlist id="ddlLine" runat="server"></asp:dropdownlist></div>
				</div>
				<div id="divDown">
					<div id="divButton"><BUTTON id="ButtonOK" onclick="showTable('no')" type="button">表 示</BUTTON>
					</div>
				</div>
			</div>
			<div id="divDgd">
								<div style="OVERFLOW:auto;WIDTH:1007px;HEIGHT:580px">
					<div id="result" style="DISPLAY:none">表示できるデータがありません。</div>
					<div id="waiting"><IMG alt="" src="Images/ajax-loader.gif"></div>
					<table id="dgtable">
					</table>
				</div>
						</form>
	</body>
</HTML>

function SelectChange(obj)//list select
			{
				var tag=document.activeElement.id;
				var tagvalue=document.activeElement.value;
				
				var ddlBranch=document.getElementById('ddlBranch');
				if(obj!=null)
				{
					LackDetailList.GetList(tag,tagvalue,ddlBranch.value,changvalue);
					
					function changvalue(res)
					{
						var listvalue=eval(res.value);
						var index=0;
						obj.innerHTML="";
						var newItem = document.createElement( "OPTION" );
								newItem.value ='0';
								newItem.text ='すべて';
								obj.add( newItem, index++ );
						for(var i=0;i<listvalue.Tables[0].Rows.length;i++)
						{
								var newItem = document.createElement( "OPTION" );
								newItem.value =listvalue.Tables[0].Rows[i].cd;
								newItem.text =listvalue.Tables[0].Rows[i].xname;
								obj.add( newItem, index++ );
						}
								
						if(document.activeElement.id=='ddlBranch')//branch is selected time
						{
							var ddlStore=document.getElementById('ddlStore');
							ddlStore.innerHTML="";
							 var toLength = 0;
							  var newItem = document.createElement( "OPTION" );
									newItem.value ='0';
									newItem.text ='すべて';
									ddlStore.add( newItem, toLength++ );
							for(var j=0;j<listvalue.Tables[1].Rows.length;j++)
							{
								 var newItem = document.createElement( "OPTION" );
									newItem.value =listvalue.Tables[1].Rows[j].cd;
									newItem.text =listvalue.Tables[1].Rows[j].xname;
									ddlStore.add( newItem, toLength++ );
							}						
						}	
					}
				}
				else
					return;
				
			}

function showTable(reasoncd)//表示button　onclick
			{
				
				var waiting =document.getElementById('waiting');
				var objtable =document.getElementById('dgtable');//HtmlのTabelのObject
				var result=document.getElementById('result');
				result.style.display="none";
				if(!objtable)
				{
					return;
				}
			waiting.style.display="";
			
			while(objtable.rows.length>0)
				{
					objtable.deleteRow(0);
				}
				var ddlBranch=document.getElementById('ddlBranch');
				var ddlArea=document.getElementById('ddlArea');
				var ddlStore=document.getElementById('ddlStore');
				var ddlDiv=document.getElementById('ddlDiv');
				var ddlLine=document.getElementById('ddlLine');
				var ddlDay=document.getElementById('ddlDay');
				var ddlWeek=document.getElementById('ddlWeek');
				var ddlMonth=document.getElementById('ddlMonth');
				var ddlLackReason=document.getElementById('ddlLackReason');
				var whichvalue;
				if(whichrad==1)//日別
					whichvalue=ddlDay.value;
				if(whichrad==2)//週別
					whichvalue=ddlWeek.value;
				if(whichrad==3)//月別
					whichvalue=ddlMonth.value;
				if(reasoncd!='no')//初始化の時
					LackDetailList.GetdgTable(whichrad,whichvalue,reasoncd,ddlBranch.value,ddlArea.value,ddlStore.value,ddlDiv.value,ddlLine.value,changeTable);
				else//表 示buttonを押す
					LackDetailList.GetdgTable(whichrad,whichvalue,ddlLackReason.value,ddlBranch.value,ddlArea.value,ddlStore.value,ddlDiv.value,ddlLine.value,changeTable);
				function changeTable(res)
				{
					var source=res.value;
					var objtable =document.getElementById('dgtable');
					if(source.Rows.length!=0)//表示できるデータがあります。
					{
						
						for(var i=0;i<source.Rows.length;i++)
						{
							
							var rows = objtable.rows;　
							var row = null;
							row  = objtable.insertRow();
							if(source.Rows[i].PRIORITY_TYP)
								//row.style.color='#0000ff';
								row.style.backgroundColor='#ff897f';
							
							var cells = row.cells;
							var cell0 = cells[0];		
							cell0 = row.insertCell();
							cell0.innerText=source.Rows[i].LACK_REASON;
							var cell1 = cells[1];		
							cell1 = row.insertCell();
							cell1.innerText=source.Rows[i].STORE_NM;
							var cell2 = cells[2];		
							cell2 = row.insertCell();
							cell2.innerText=source.Rows[i].JAN;
							var cell3 = cells[3];		
							cell3 = row.insertCell();
							cell3.innerText=source.Rows[i].ITEM_NM;
							var px,px;
							py=70+i*20;
							px=700;
							var strfun="showpop('"+source.Rows[i].BRAND_NM+"','"+source.Rows[i].SIZE_NM+"','"+source.Rows[i].COLOR_NM+"','"+source.Rows[i].VENDOR_CD+"',"+px+","+py+")";
							cell3.onmousemove=new Function(strfun);
							cell3.onmouseout=new Function('displaypop()');
							var cell4 = cells[4];		
							cell4 = row.insertCell();
							cell4.innerText=source.Rows[i].VENDOR_NM;
						}
						waiting.style.display="none";
					}
					//var ccc=document.getElementById("cc");

                                                                             //alert(ccc.selectedIndex);

					//alert(ccc.value);

					//alert(ccc.options[ccc.selectedIndex].text);						
					//alert(ccc.options.length);	
				}		
			}

分享到：

ASP.NET页面跳转的几种方法 | 多文件上传

2008-05-19 18:07
浏览 1130
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ajax and table and dropdownlist

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ajax and table and dropdownlist

评论

发表评论

相关推荐

转载：jquery webservice 跨域

变更地址栏参数

仿google 日历

Jquery fullcalendar 官方中文文档

js webservice

光标位置函数

select元素javascript常用操作

cookie

webservice and js

js 类的实现 转载

jsxiaoguo

窗体大小

闭包小例

js other event target

用 javascript 处理 JSON

js 倒计时

Javascript中最常用的55个经典技巧

js xml

正则表达式

js 函数

最近访客更多访客>>

js 类的实现转载